@charset "UTF-8";

.container {
  display: flex;
  height: 100vh;
  justify-content: center;
  padding: var(--plt-space-600);
}

.container .left {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: var(--plt-space-600);
  width: 50%;
}

.container .left .logo {
  align-items: center;
  display: flex;
}

.container .left .logo .logo-link {
  text-decoration: none;
}

.container .left .logo .logo-icon {
  display: flex;
  max-width: var(--plt-logo-size);
}

.container .left .logo h2 {
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.container .left .children {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.container .right {
  border-radius: 14px;
  height: 100%;
  width: 50%;
}

.container .right img {
  border-radius: 14px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 768px) {
  .left {
    padding-right: 0 !important;
    width: 100% !important;
  }

  .right {
    display: none;
  }
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-top)
  );
  --toastify-toast-right: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-right)
  );
  --toastify-toast-left: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-left)
  );
  --toastify-toast-bottom: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-bottom)
  );
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  -webkit-transform: translateZ(9999);
  -webkit-transform: translateZ(var(--toastify-z-index));
  width: 320px;
  width: var(--toastify-toast-width);
  z-index: 9999;
  z-index: var(--toastify-z-index);
}

.Toastify__toast-container--top-left {
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}

.Toastify__toast-container--top-center {
  left: 50%;
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
}

.Toastify__toast-container--bottom-left {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: env(safe-area-inset-left);
    margin: 0;
    padding: 0;
    width: 100vw;
  }

  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    left: auto;
    right: env(safe-area-inset-right);
  }
}

.Toastify__toast {
  --y: 0;
  border-radius: 6px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0 4px 12px #0000001a;
  box-sizing: border-box;
  cursor: default;
  direction: ltr;
  display: flex;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  touch-action: none;
  z-index: 0;
}

.Toastify__toast--stacked {
  position: absolute;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
  width: 100%;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  bottom: 100%;
  content: '';
  height: calc(var(--g) * 1px);
  left: 0;
  position: absolute;
  right: 0;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
}

.Toastify__toast-body > div:last-child {
  flex: 1 1;
  word-break: break-word;
}

.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}

.Toastify--animate {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}

.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  background: #3498db;
  background: var(--toastify-color-info);
  color: #fff;
  color: var(--toastify-text-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  background: #07bc0c;
  background: var(--toastify-color-success);
  color: #fff;
  color: var(--toastify-text-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: #f1c40f;
  background: var(--toastify-color-warning);
  color: #fff;
  color: var(--toastify-text-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  background: #e74c3c;
  background: var(--toastify-color-error);
  color: #fff;
  color: var(--toastify-text-color-error);
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: #ffffffb3;
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  align-self: flex-start;
  background: #0000;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: 9999;
  z-index: var(--toastify-z-index);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
  left: auto;
  right: 0;
  transform-origin: right;
}

.Toastify__progress-bar--wrp {
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  height: 100%;
  opacity: 0.2;
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
}

.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}

@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.dss-btn {
  --dss_btn-width: auto;
  --_dss-btn-bg-color: var(--dss-color-background-button-default-primary);
  --_dss-btn-font-color: var(--dss-color-text-button-default-primary);
  --_dss-btn-letter-spacing: var(--dss-font-letter-spacing-normal);
  --_dss-btn-font-case: var(--dss-text-case-none);
  --_dss-btn-text-decoration: var(--dss-text-decoration-none);
  --_dss-btn-padding: var(--dss-spacing-button-inset-normal);
  --_dss-btn-border-width: var(--dss-border-width-button-normal);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-default-hovered);
  --_dss-btn-border-color: #0000;
  --_dss-btn-hover-border-color: var(--dss-color-border-button-fill-hovered);
  --_dss-btn-border-radius: var(--dss-border-radius-button-normal);
  --_dss-btn-gap: var(
    --dss-spacing-button-inline-normal-leadingicon-buttontext-traillingicon
  );
  --_dss-btn-shadow: none;
  --_dss-btn-active-bg-color: var(
    --dss-color-background-button-default-pressed
  );
  --_dss-btn-active-font-color: var(--dss-color-text-button-fill-primary);
  --_dss-btn-active-shadow: var(--dss-box-shadow-primary-large);
  --_dss-btn-bg-disabled: var(--dss-color-background-button-default-disabled);
  --_dss-btn-border-disabled: var(--dss-color-border-button-fill-disabled);
  --_dss-btn-icon-size: var(--dss-sizing-button-icon-normal);
  --_dss-btn-icon-color: var(--dss-color-icon-button-fill-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-fill-disabled);
  --_dss-btn-cursor: pointer;
  align-items: center;
  background-color: var(--_dss-btn-bg-color);
  border: var(--_dss-btn-border-width) solid var(--_dss-btn-border-color);
  border-radius: var(--_dss-btn-border-radius);
  box-shadow: var(--_dss-btn-shadow);
  color: var(--_dss-btn-font-color) !important;
  cursor: var(--_dss-btn-cursor);
  display: inline-flex;
  font: var(--dss-font-button-uitext-normal);
  gap: var(--_dss-btn-gap);
  justify-content: center;
  letter-spacing: var(--_dss-btn-letter-spacing);
  padding: var(--_dss-btn-padding);
  position: relative;
  text-align: center;
  -webkit-text-decoration: var(--_dss-btn-text-decoration);
  text-decoration: var(--_dss-btn-text-decoration);
  text-transform: var(--_dss-btn-font-case);
  transition: all 0.3s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: var(--dss_btn-width);
}

.dss-btn.hovered,
.dss-btn:hover {
  --_dss-btn-bg-color: var(--_dss-btn-hover-bg-color);
  --_dss-btn-font-color: var(--_dss-btn-hover-font-color);
  --_dss-btn-border-color: var(--_dss-btn-hover-border-color);
}

.dss-btn.pressed,
.dss-btn:active {
  --_dss-btn-bg-color: var(--_dss-btn-active-bg-color);
  --_dss-btn-font-color: var(--_dss-btn-active-font-color);
  --_dss-btn-border-color: var(--_dss-btn-active-border-color);
  --_dss-btn-shadow: var(--_dss-btn-active-shadow);
}

.dss-btn.disabled,
.dss-btn:disabled,
.dss-btn[aria-disabled='true'] {
  --_dss-btn-bg-color: var(--_dss-btn-bg-disabled);
  --_dss-btn-font-color: var(--_dss-btn-font-disabled);
  --_dss-btn-border-color: var(--_dss-btn-border-disabled);
  --_dss-btn-cursor: no-drop;
  --_btn-icon-color: var(--dss-color-text-button-default-icon-disabled);
  pointer-events: none;
}

.dss-btn.pressed.dss-btn-lg,
.dss-btn:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-pressedlarge);
}

.dss-btn.pressed.dss-btn-md,
.dss-btn:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-pressednormal);
}

.dss-btn.pressed.dss-btn-sm,
.dss-btn:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-presseddense);
}

.dss-btn .dss-icon svg * {
  /* stroke: var(--_dss-btn-icon-color); */
}

.dss-btn svg * {
  transition: all 0.3s;
}

.dss-btn .prefix-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.dss-btn .prefix-icon,
.dss-btn .suffix-icon {
  max-height: var(--_dss-btn-icon-size);
  max-width: var(--_dss-btn-icon-size);
  min-height: var(--_dss-btn-icon-size);
  min-width: var(--_dss-btn-icon-size);
}

.dss-btn.icon-only {
  border-radius: var(--dss-border-radius-button-icononly-full);
  height: var(--dss-sizing-button-icononly-normal);
  width: var(--dss-sizing-button-icononly-normal);
}

.dss-btn-primary {
  --_dss-btn-bg-color: var(--dss-color-background-button-fill-primary);
  --_dss-btn-font-color: var(--dss-color-text-button-fill-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-fill-hovered);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-fill-primary);
  --_dss-btn-hover-border-color: var(--dss-color-border-button-fill-hovered);
  --_dss-btn-active-bg-color: var(--dss-color-background-button-fill-pressed);
  --_dss-btn-active-border-color: var(--dss-color-border-button-fill-pressed);
  --_dss-btn-active-font-color: var(--dss-color-text-button-fill-primary);
  --_dss-btn-border-radius: var(--dss-border-radius-button-normal);
  --_dss-btn-border-color: var(--dss-color-border-button-fill-primary);
  --_dss-btn-bg-disabled: var(--dss-color-background-button-fill-disabled);
  --_dss-btn-font-disabled: var(--dss-color-text-button-fill-disabled);
  --_dss-btn-border-color-disabled: var(
    --dss-color-border-button-fill-disabled
  );
  --_dss-btn-icon-color: var(--dss-color-icon-button-fill-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-fill-disabled);
}

.dss-btn-primary:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-pressedlarge);
}

.dss-btn-primary:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-pressednormal);
}

.dss-btn-primary:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-fill-presseddense);
}

.dss-btn-secondary {
  --_dss-btn-font-color: var(--dss-color-text-button-default-primary);
  --_dss-btn-bg-color: var(--dss-color-background-button-default-primary);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-default-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-default-hovered);
  --_dss-btn-hover-border-color: var(--dss-color-border-button-default-hovered);
  --_dss-btn-active-bg-color: var(
    --dss-color-background-button-default-pressed
  );
  --_dss-btn-active-border-color: var(
    --dss-color-border-button-default-pressed
  );
  --_dss-btn-bg-disabled: var(--dss-color-background-button-default-disabled);
  --_dss-btn-border-disabled: var(--dss-color-border-button-default-disabled);
  --_dss-btn-font-disabled: var(--dss-color-text-button-default-disabled);
  --_dss-btn-active-font-color: var(--dss-color-text-button-default-primary);
  --_dss-btn-icon-color: var(--dss-color-icon-button-default-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-default-disabled);
}

.dss-btn-secondary.pressed.dss-btn-lg,
.dss-btn-secondary:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-default-pressedlarge);
}

.dss-btn-secondary.pressed.dss-btn-md,
.dss-btn-secondary:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-default-pressednormal);
}

.dss-btn-secondary.pressed.dss-btn-sm,
.dss-btn-secondary:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-default-presseddense);
}

.dss-btn-outlined {
  --_dss-btn-bg-color: var(--dss-color-background-empty);
  --_dss-btn-border-color: var(--dss-color-border-button-stroke-primary);
  --_dss-btn-font-color: var(--dss-color-text-button-stroke-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-stroke-hovered);
  --_dss-btn-hover-border-color: var(--dss-color-border-button-stroke-hovered);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-stroke-primary);
  --_dss-btn-active-font-color: var(--dss-color-text-button-stroke-primary);
  --_dss-btn-active-bg-color: var(--dss-color-background-button-stroke-pressed);
  --_dss-btn-bg-disabled: var(--dss-color-background-empty);
  --_dss-btn-border-disabled: var(--dss-color-border-button-stroke-disabled);
  --_dss-btn-font-disabled: var(--dss-color-text-button-stroke-disabled);
  --_dss-btn-icon-color: var(--dss-color-icon-button-outline-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-outline-disabled);
}

.dss-btn-outlined.pressed,
.dss-btn-outlined:active {
  --_dss-btn-bg-color: var(--dss-color-background-button-stroke-pressed);
  --_dss-btn-border-color: var(--dss-color-border-button-stroke-pressed);
}

.dss-btn-outlined.pressed.dss-btn-lg,
.dss-btn-outlined:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-stroke-pressedlarge);
}

.dss-btn-outlined.pressed.dss-btn-md,
.dss-btn-outlined:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-stroke-pressednormal);
}

.dss-btn-outlined.pressed.dss-btn-sm,
.dss-btn-outlined:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-stroke-presseddense);
}

.dss-btn-outlined.disabled,
.dss-btn-outlined:disabled,
.dss-btn-outlined[aria-disabled='true'] {
  --_dss-btn-font-color: var(--dss-color-text-button-stroke-disabled);
  --_dss-btn-border-color: var(--dss-color-border-button-stroke-disabled);
  --_btn-cursor: no-drop;
  pointer-events: none;
}

.dss-btn-ghost {
  --_dss-btn-bg-color: var(--dss-color-background-button-ghost-default);
  --_dss-btn-font-color: var(--dss-color-text-button-ghost-primary);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-ghost-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-ghost-hovered);
  --_dss-btn-hover-border-color: var(--dss-color-border-button-ghost-hovered);
  --_dss-btn-active-bg-color: var(--dss-color-background-button-ghost-pressed);
  --_dss-btn-active-font-color: var(--dss-color-text-button-ghost-primary);
  --_dss-btn-bg-disabled: var(--dss-color-background-empty);
  --_dss-btn-font-disabled: var(--dss-color-text-button-ghost-disabled);
  --_dss-btn-icon-color: var(--dss-color-icon-button-ghost-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-ghost-disabled);
}

.dss-btn-ghost.pressed,
.dss-btn-ghost:active {
  --_dss-btn-border-color: var(--dss-color-border-button-ghost-pressed);
}

.dss-btn-ghost.pressed.dss-btn-lg,
.dss-btn-ghost:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-ghost-pressedlarge);
}

.dss-btn-ghost.pressed.dss-btn-md,
.dss-btn-ghost:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-ghost-pressednormal);
}

.dss-btn-ghost.pressed.dss-btn-sm,
.dss-btn-ghost:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-ghost-presseddense);
}

.dss-btn-ghost.disabled {
  --_dss-btn-border-color: #0000;
}

.dss-btn-fluid {
  --dss_btn-width: 100%;
  --_dss-btn-border-radius: var(--dss-border-radius-button-large);
}

.dss-btn-danger {
  --_dss-btn-bg-color: var(--dss-color-background-button-danger-primary);
  --_dss-btn-font-color: var(--dss-color-text-button-danger-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-button-danger-hovered);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-danger-primary);
  --_dss-btn-hover-border-color: var(--dss-color-border-button-danger-hovered);
  --_dss-btn-active-bg-color: var(--dss-color-background-button-danger-pressed);
  --_dss-btn-active-font-color: var(--dss-color-text-button-danger-primary);
  --_dss-btn-bg-disabled: var(--dss-color-background-button-danger-disabled);
  --_dss-btn-font-disabled: var(--dss-color-text-button-danger-disabled);
  --_dss-btn-border-color: var(--dss-color-border-button-danger-primary);
  --_dss-btn-icon-color: var(--dss-color-icon-button-danger-primary);
  --_dss-btn-icon-disabled-color: var(--dss-color-icon-button-danger-disabled);
}

.dss-btn-danger.pressed,
.dss-btn-danger:active {
  --_dss-btn-border-color: var(--dss-color-border-button-danger-pressed);
}

.dss-btn-danger.pressed.dss-btn-lg,
.dss-btn-danger:active.dss-btn-lg {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-danger-pressedlarge);
}

.dss-btn-danger.pressed.dss-btn-md,
.dss-btn-danger:active.dss-btn-md {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-danger-pressednormal);
}

.dss-btn-danger.pressed.dss-btn-sm,
.dss-btn-danger:active.dss-btn-sm {
  --_dss-btn-active-shadow: var(--dss-box-shadow-button-danger-presseddense);
}

.dss-btn-link {
  --_dss-btn-padding: var(--dss-spacing-0) !important;
  --_dss-btn-bg-color: var(--dss-color-background-empty);
  --_dss-btn-font-color: var(--dss-color-text-button-link-primary);
  --_dss-btn-hover-bg-color: var(--dss-color-background-empty);
  --_dss-btn-hover-font-color: var(--dss-color-text-button-link-hovered);
  --_dss-btn-hover-text-decoration: var(--dss-text-decoration-underline);
  --_dss-btn-active-bg-color: var(--dss-color-background-empty);
  --_dss-btn-active-font-color: var(--dss-color-text-button-link-pressed);
  --_dss-btn-active-shadow: none;
  --_dss-btn-shadow: none;
  --_dss-btn-border-width: 0;
  --_dss-btn-bg-disabled: var(--dss-color-background-empty);
  --_dss-btn-font-disabled: var(--dss-color-text-button-link-disabled);
  --_dss-btn-text-decoration: var(--_dss-btn-hover-text-decoration);
  font: var(--dss-font-button-link-uitext-normal);
}

.dss-btn-link.dss-btn-lg,
.dss-btn-link.dss-btn-sm,
.dss-btn-link.dss-btn-xl {
  --_dss-btn-padding: var(--dss-spacing-0);
}

.dss-btn-link.dss-btn-sm {
  font: var(--dss-font-button-link-uitext-dense);
}

.dss-btn-link.dss-btn-lg {
  font: var(--dss-font-button-link-uitext-large);
}

.dss-btn-link.pressed,
.dss-btn-link:active {
  --_dss-btn-shadow: none;
}

.dss-btn-link.pressed.dss-btn-lg,
.dss-btn-link.pressed.dss-btn-md,
.dss-btn-link.pressed.dss-btn-sm,
.dss-btn-link:active.dss-btn-lg,
.dss-btn-link:active.dss-btn-md,
.dss-btn-link:active.dss-btn-sm {
  --_dss-btn-active-shadow: none;
  --_dss-btn-font-color: var(--dss-color-text-button-link-pressed);
}

.dss-btn-icon.disabled .dss-icon svg * {
  stroke: var(--_dss-btn-icon-disabled-color);
}

.dss-btn-sm {
  --_dss-btn-padding: var(--dss-spacing-button-inset-dense);
  --_dss-btn-gap: var(
    --dss-spacing-button-inline-dense-leadingicon-buttontext-traillingicon
  );
  --_dss-btn-border-radius: var(--dss-border-radius-button-dense);
  font: var(--dss-font-button-uitext-dense);
}

.dss-btn-sm .prefix-icon,
.dss-btn-sm .suffix-icon {
  --_dss-btn-icon-size: var(--dss-sizing-button-icon-dense);
}

.dss-btn-sm.icon-only {
  border-radius: var(--dss-border-radius-button-icononly-full);
  height: var(--dss-sizing-button-icononly-dense);
  width: var(--dss-sizing-button-icononly-dense);
}

.dss-btn-md {
  font: var(--dss-font-button-uitext-normal);
}

.dss-btn-md .prefix-icon,
.dss-btn-md .suffix-icon {
  --_dss-btn-icon-size: var(--dss-sizing-button-icon-normal);
}

.dss-btn-lg {
  --_dss-btn-padding: var(--dss-spacing-button-inset-large);
  --_dss-btn-gap: var(
    --dss-spacing-button-inline-large-leadingicon-buttontext-traillingicon
  );
  --_dss-btn-border-radius: var(--dss-border-radius-button-large);
  font: var(--dss-font-button-uitext-large);
}

.dss-btn-lg .prefix-icon,
.dss-btn-lg .suffix-icon {
  --_dss-btn-icon-size: var(--dss-sizing-button-icon-large);
}

.dss-btn-lg.icon-only {
  border-radius: var(--dss-border-radius-button-icononly-full);
  height: var(--dss-sizing-button-icononly-large);
  width: var(--dss-sizing-button-icononly-large);
}

.dss-btn.dss-btn-fluid {
  width: 100%;
}

.main-logo,
.user-info {
  align-items: center;
  display: flex;
}

.main-logo .logo-link {
  text-decoration: none;
}

.main-logo .logo-text {
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.tab-profile-dropdown .user-dropdown {
  right: 0;
  top: 45px;
}

::selection {
  background-color: var(--dss-color-primary-600);
  color: var(--dss-color-neutrals-100);
}

.home-wrapper {
  margin-inline: auto;
  max-width: 1220px;
}

.home-wrapper .plt-card-container {
  margin-top: 32px;
}

.delete-msg {
  max-width: 362px;
}

button.cancel {
  background-color: #f8f8f8;
  color: #000;
}

button.add {
  background-color: #673ab7;
  border-radius: 10px;
  color: #fff;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}

button.add:hover {
  background-color: #5c299a;
}

.modal-content {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.file-input-container {
  margin-bottom: 20px;
  width: 100%;
}

.modal-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.crop-container {
  background: #fff;
  border-radius: 10px;
  height: max(45vh, 225px);
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
}

.reactEasyCrop_Container {
  height: 100%;
  position: relative;
  width: 100%;
}

@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.react-loading-skeleton:after {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-iteration-count: infinite;
  animation-name: react-loading-skeleton;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(
    90deg,
    var(--base-color) 0,
    var(--highlight-color) 50%,
    var(--base-color) 100%
  );
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  background-repeat: no-repeat;
  content: ' ';
  display: var(--pseudo-element-display);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
  }
}

.dss-tooltip-container {
  --_tooltip-bg: var(--dss-color-background-tooltip-default);
  --_tooltip-radius: var(--dss-border-radius-tooltip-dense);
  --_tooltip-item-gap: var(--dss-spacing-tooltip-stack-dense-label-message);
  --_tooltip-padding: var(--dss-spacing-tooltip-inset-dense);
  --_tooltip-label-color: var(--dss-color-text-tooltip-primary);
  --_tooltip-label-font: var(--dss-font-tooltip-uitext-labeltext-dense);
  --_tooltip-text-color: var(--dss-color-text-tooltip-secondary);
  --_tooltip-text-font: var(--dss-font-tooltip-uitext-messagetext-dense);
  align-items: center;
  color: var(--_tooltip-label-color);
  display: inline-flex;
  font: var(--_tooltip-label-font);
  justify-content: center;
  position: relative;
  transition: all 0.35s;
}

.dss-tooltip-container .dss-tooltip {
  --tooltip-arrow-size: 6px;
  background-color: var(--_tooltip-bg);
  border-radius: var(--_tooltip-radius);
  bottom: calc(100% + var(--tooltip-arrow-size) + 1px);
  display: flex;
  flex-direction: column;
  gap: var(--_tooltip-item-gap);
  justify-content: center;
  padding: var(--_tooltip-padding);
  position: absolute;
  transition: all 0.4s;
  width: auto;
  z-index: 1;
}

.dss-tooltip-container .dss-tooltip:before {
  border-color: var(--dss-color-background-tooltip-default) #0000 #0000 #0000;
  border-style: solid;
  border-width: calc(var(--tooltip-arrow-size) + 1px);
  content: '';
  margin-inline: -1px;
  position: absolute;
  top: 100%;
}

.dss-tooltip-container .dss-tooltip-label {
  color: var(--_tooltip-label-color);
  font: var(--_tooltip-label-font);
}

.dss-tooltip-container .dss-tooltip-text {
  text-wrap: nowrap;
  color: var(--_tooltip-text-color);
  font: var(--_tooltip-text-font);
  text-transform: capitalize;
}

.dss-tooltip-container .dss-tooltip-wrap .dss-tooltip-text {
  text-wrap: wrap !important;
  min-width: 223px;
}

.dss-tooltip-container .dss-tooltip-large {
  --_tooltip-padding: var(--dss-spacing-tooltip-inset-normal);
  --_tooltip-radius: var(--dss-border-radius-tooltip-normal);
  --_tooltip-item-gap: var(--dss-spacing-tooltip-stack-normal-label-message);
  --_tooltip-label-font: var(--dss-font-tooltip-uitext-labeltext-normal);
  --_tooltip-text-font: var(--dss-font-tooltip-uitext-messagetext-normal);
}

.dss-tooltip-container .dss-tooltip-top {
  bottom: calc(100% + var(--tooltip-arrow-size) + 1px);
}

.dss-tooltip-container .dss-tooltip-bottom {
  bottom: auto;
  top: calc(100% + var(--tooltip-arrow-size) + 1px);
}

.dss-tooltip-container .dss-tooltip-bottom:before {
  border-color: #0000 #0000 var(--dss-color-background-tooltip-default) #0000;
  bottom: 100%;
  top: auto;
}

.dss-tooltip-container .dss-tooltip-right {
  bottom: auto;
  right: calc(var(--tooltip-arrow-size) * -1 - 1px);
  transform: translate(100%);
}

.dss-tooltip-container .dss-tooltip-right:before {
  border-color: #0000 var(--dss-color-background-tooltip-default) #0000 #0000;
  left: -9px;
  top: auto;
}

.dss-tooltip-container .dss-tooltip-left {
  bottom: auto;
  left: calc(var(--tooltip-arrow-size) * -1 - 1px);
  transform: translate(-100%);
}

.dss-tooltip-container .dss-tooltip-left:before {
  border-color: #0000 #0000 #0000 var(--dss-color-background-tooltip-default);
  left: 100%;
  top: auto;
}

.dss-tooltip-container .dss-tooltip-arrow-none:before {
  content: none;
}

.dss-tooltip-container .dss-tooltip-btm-lft:before {
  left: 25%;
}

.dss-tooltip-container .dss-tooltip-btm-rgt:before {
  left: 75%;
}

.dss-tooltip-container .dss-tooltip-top-lft:before {
  left: 25%;
}

.dss-tooltip-container .dss-tooltip-top-rgt:before {
  left: 75%;
}

.dss-tooltip-container .dss-tooltip-lft-top:before {
  top: 25%;
}

.dss-tooltip-container .dss-tooltip-lft-btm:before {
  top: 65%;
}

.dss-tooltip-container .dss-tooltip-rgt-top:before {
  top: 25%;
}

.dss-tooltip-container .dss-tooltip-rgt-btm:before {
  top: 65%;
}

.sidebar-container {
  background-color: var(--plt-background-inverse);
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  max-width: 90px;
  min-height: 100vh;
  min-width: 90px;
  padding: var(--plt-space-600) var(--plt-space-200);
  transition: background-color 0.35s;
  z-index: 1;
}

.sidebar-container .sidebar-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.sidebar-container .sidebar {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--plt-space-800);
  max-height: 100%;
  min-height: 100%;
}

.sidebar-container .sidebar .sidebar-hamburger {
  min-height: 24px;
  min-width: 24px;
}

.sidebar-container .sidebar .sidebar-hamburger svg {
  height: 34px;
  margin-block: -5px;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-container .sidebar .sidebar-hamburger svg .line {
  fill: none;
  stroke: var(--plt-text-on-bg-fill);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  transition:
    stroke-dasharray 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-container .sidebar .sidebar-hamburger svg .line-top-bottom {
  stroke-dasharray: 12 63;
}

.sidebar-container .sidebar .sidebar-hamburger.active svg {
  transform: rotate(-45deg);
}

.sidebar-container .sidebar .sidebar-hamburger.active svg .line-top-bottom {
  stroke-dasharray: 20 300;
  stroke-dashoffset: -32.42;
}

.sidebar-container .sidebar .sidebar-content {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--plt-space-600);
  min-width: 0;
  overflow-y: auto;
  padding: 0 3px 20px;
}

.sidebar-container .sidebar .sidebar-content .sidebar-item {
  cursor: pointer;
  text-align: center;
  transition: all 0.35s;
}

.sidebar-container .sidebar .sidebar-content .sidebar-item .sidebar-menu-item {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
  transition: all 0.35s;
}

.sidebar-container
  .sidebar
  .sidebar-content
  .sidebar-item
  .sidebar-menu-item
  svg
  * {
  transition: all 0.35s;
}

.sidebar-container
  .sidebar
  .sidebar-content
  .sidebar-item.active
  .sidebar-menu-item,
.sidebar-container
  .sidebar
  .sidebar-content
  .sidebar-item:hover
  .sidebar-menu-item {
  background-color: var(--dss-color-primary-800);
}

.sidebar-container .sidebar .sidebar-content .sidebar-title {
  color: var(--plt-text-on-bg-fill);
  transition: all 0.35s;
}

.tabs-container {
  background: var(--plt-background-tertiary);
  display: flex;
  max-width: 250px;
  min-width: 250px;
  opacity: 1;
  transition: all 0.35s;
  visibility: visible;
}

.tabs-container.active {
  transform: translateX(-100%);
}

.tabs-container .tabs-link.disabled {
  pointer-events: none;
}

.tabs-container .side-tabs {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  padding: var(--plt-space-600) var(--plt-space-1000);
  width: 100%;
}

.tabs-container .side-tabs .logo {
  align-items: center;
  display: flex;
  position: relative;
  text-decoration: none;
}

.tabs-container .side-tabs .logo .user-dropdown {
  left: -20px;
  top: 52px;
}

.tabs-container .side-tabs .logo .logo-icon {
  align-items: center;
  display: flex;
  max-width: var(--plt-logo-size);
  min-width: var(--plt-logo-size);
  overflow: hidden;
}

.tabs-container .side-tabs .logo .logo-icon img {
  background-color: #f6f6f6;
  max-height: 40px;
  object-fit: cover;
}

.tabs-container .side-tabs .logo .logo-icon .text-elem {
  fill: var(--plt-text-primary);
  transition: all 0.35s;
}

.tabs-container .side-tabs .logo .logo-edit-icon {
  bottom: 0;
  position: absolute;
  right: 0;
}

.tabs-container .side-tabs .logo .logo-text,
.tabs-container .side-tabs .logo .tabs-link {
  text-decoration: none;
}

.tabs-container .side-tabs .logo h2 {
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin-left: var(--plt-space-300);
}

.tabs-container .side-tabs .newpage-link {
  position: relative;
}

.tabs-container .side-tabs .newpage-link .tabs-link {
  border-radius: var(--plt-border-radius-150);
  color: var(--plt-text-secondary);
  flex: 1 1 auto;
  padding: var(--plt-space-200);
  text-decoration: none;
  transition: all 0.4s;
}

.tabs-container .side-tabs .newpage-link .tabs-link.active-text,
.tabs-container .side-tabs .newpage-link .tabs-link:hover {
  background-color: var(--plt-background-primary);
  color: var(--dss-color-primary-800);
}

.tabs-container .side-tabs .newpage-link .newpage-link-setting {
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.tabs-container .side-tabs .newpage-link:hover .newpage-link-setting {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.tabs-container .side-tabs .newpage-link .user-dropdown {
  left: -25px;
  top: 32px;
}

.tabs-container .side-tabs .tabs-title {
  color: var(--plt-text-tertiary);
  text-transform: uppercase;
}

.banner {
  background-color: var(--dss-color-primary-600);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: background-color 0.35s;
}

.banner .plt-theme-pallette-item-light {
  color: #fff;
}

.banner .plt-theme-pallette-item-dark {
  color: #000;
}

.banner:before {
  background-color: var(--dss-color-primary-600);
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}

.banner.has-image:before {
  display: none;
}

.banner .banner-header-wrapper {
  padding: var(--plt-space-600) var(--plt-space-1000);
  position: relative;
}

.banner .banner-head {
  padding-top: 113px;
  position: relative;
}

.banner .banner-desc {
  max-width: 675px;
  padding-bottom: 12px;
}

.banner .banner-edit-icon {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.banner .banner-edit-icon .user-dropdown {
  right: 0;
  top: 40px;
}

.banner .banner-tab-wrapper {
  background: var(--plt-background-surface-transparent);
}

.banner .banner-tab-wrapper .banner-tab-nav-links {
  list-style: none;
}

.banner .banner-tab-wrapper .home-header-button {
  border-radius: 0;
  margin-left: auto;
}

.banner .banner-tab-nav-item {
  align-items: center;
  border-right: 1px solid var(--plt-border-transparent);
  border-top: 2px solid #0000;
  display: flex;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.banner .banner-tab-nav-item.active {
  background: var(--plt-background-surface-transparent-active);
  border-top: 2px solid var(--dss-color-secondary-600);
}

.banner .banner-tab-text {
  color: var(--plt-text-button-fill-primary);
}

.banner .banner-tab-svg,
.banner .banner-tab-text {
  align-items: center;
  display: flex;
  position: relative;
}

.banner .banner-tab-svg {
  justify-content: center;
  max-width: 20px;
  min-width: 20px;
}

.floating-set {
  align-items: center;
  bottom: 24px;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 99999;
}

.floating-set-wrapper {
  background-color: var(--plt-text-primary);
  border-radius: var(--plt-space-300);
  box-shadow: 0 8px 16px -4px hsla(0, 0%, 9%, 0.251);
  gap: var(--plt-space-500);
  padding: var(--plt-space-200) var(--plt-space-300);
}

.floating-set-button-wrapper {
  gap: var(--plt-space-200);
}

.custom-theme-select {
  position: fixed;
  top: 20px;
  z-index: 99;
}

.dss-page {
  display: flex;
  flex-wrap: wrap;
  max-height: 100dvh;
  min-height: 100dvh;
}

.dss-checkbox-wrapper {
  --_checkbox-size: var(--dss-sizing-checkbox-default-normal);
  --_checkbox-border-width: var(--dss-border-width-checkbox-default-normal);
  --_checkbox-border-color: var(--dss-color-border-checkbox-default-inactive);
  --_checkbox-border-color-hovered: var(
    --dss-color-border-checkbox-default-hovered
  );
  --_checkbox-border-color-active: var(
    --dss-color-border-checkbox-default-pressed
  );
  --_checkbox-bg-color: var(--dss-color-background-checkbox-default-inactive);
  --_checkbox-bg-color-hovered: var(
    --dss-color-background-checkbox-default-hovered
  );
  --_checkbox-bg-color-active: var(
    --dss-color-background-checkbox-default-pressed
  );
  --_checkbox-icon-color: '';
  --_checkbox-icon-size: var(--dss-sizing-checkbox-default-denser);
  --_checkbox-border-radius: var(--dss-border-radius-checkbox-default-normal);
  --_checkbox-label-gap: var(
    --dss-spacing-checkbox-default-inline-normal-choice-label
  );
  --_checkbox-label-font-color: var(--dss-color-text-checkbox-default);
  --_checkbox-label-font-hovered: var(--dss-color-text-checkbox-hovered);
  --_checkbox-label-font-active: var(--dss-color-text-checkbox-pressed);
  --_checkbox-label-font-spacing: 0px;
  --_checkbox-disabled-border-color: var(
    --dss-color-border-checkbox-default-disabled
  );
  --_checkbox-disabled-background-color: var(
    --dss-color-background-checkbox-default-disabled
  );
  --_checkbox-label-font-color-disabled: var(
    --dss-color-text-checkbox-disabled
  );
  --_checkbox-icon-color-disabled: var(
    --dss-color-icon-checkbox-default-disabled
  );
  align-items: center;
  display: flex;
  gap: var(--_checkbox-label-gap);
}

.dss-checkbox-wrapper:hover .dss-checkbox {
  --_checkbox-border-color: var(--_checkbox-border-color-hovered);
  --_checkbox-bg-color: var(--dss-color-background-checkbox-default-hovered);
}

.dss-checkbox-wrapper:hover .dss-checkbox + .dss-checkbox-label {
  color: var(--_checkbox-label-font-hovered);
}

.dss-checkbox-wrapper .dss-checkbox {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--_checkbox-bg-color);
  border: var(--_checkbox-border-width) solid var(--_checkbox-border-color);
  border-radius: var(--_checkbox-border-radius);
  cursor: pointer;
  display: flex;
  height: var(--_checkbox-size);
  justify-content: center;
  outline: none;
  position: relative;
  transition: all 0.2s ease;
  width: var(--_checkbox-size);
}

.dss-checkbox-wrapper .dss-checkbox:after {
  border-width: 1px;
  border-bottom: 2px solid var(--_checkbox-icon-color);
  border-left: 0 solid var(--_checkbox-icon-color);
  border-right: 2px solid var(--_checkbox-icon-color);
  border-top: 0 solid var(--_checkbox-icon-color);
  content: '';
  height: calc(var(--_checkbox-size) / 2);
  margin-top: -2px;
  transform: rotate(45deg);
  transition: all 0.2s ease;
  width: calc(var(--_checkbox-size) / 3.5);
}

.dss-checkbox-wrapper .dss-checkbox:checked {
  --_checkbox-border-color: var(--_checkbox-border-color-active);
  background-color: var(--_checkbox-bg-color-active);
}

.dss-checkbox-wrapper .dss-checkbox:checked:after {
  --_checkbox-icon-color: var(--dss-color-icon-checkbox-default-primary);
}

.dss-checkbox-wrapper .dss-checkbox:checked + .dss-checkbox-label {
  color: var(--_checkbox-label-font-active);
}

.dss-checkbox-wrapper .dss-checkbox-label {
  color: var(--_checkbox-label-font-color);
  cursor: pointer;
  font: var(--dss-font-checkbox-default-uitext-normal);
  letter-spacing: var(--_checkbox-label-font-spacing);
}

.dss-checkbox-wrapper .dss-checkbox-label-small {
  font: var(--dss-font-checkbox-default-uitext-dense);
}

.dss-checkbox-wrapper .dss-checkbox-label-disable {
  color: var(--_checkbox-label-font-color-disabled);
}

.dss-checkbox-wrapper .dss-checkbox-small {
  --_checkbox-size: var(--dss-sizing-checkbox-default-dense);
  --_checkbox-border-width: var(--dss-border-width-checkbox-default-dense);
  --_checkbox-border-radius: var(--dss-border-radius-checkbox-default-dense);
  --_checkbox-label-gap: var(
    --dss-spacing-checkbox-default-inline-dense-choice-label
  );
}

.dss-checkbox-wrapper .dss-checkbox-default {
  --_checkbox-border-color: var(--dss-color-border-checkbox-default-inactive);
  --_checkbox-border-color-hovered: var(
    --dss-color-border-checkbox-default-hovered
  );
  --_checkbox-border-color-active: var(
    --dss-color-border-checkbox-default-pressed
  );
  --_checkbox-bg-color: var(--dss-color-background-checkbox-default-inactive);
  --_checkbox-bg-color-hovered: var(
    --dss-color-background-checkbox-default-hovered
  );
  --_checkbox-bg-color-active: var(
    --dss-color-background-checkbox-default-pressed
  );
}

.dss-checkbox-wrapper .dss-checkbox-outline {
  --_checkbox-border-radius: var(--dss-border-radius-checkbox-outline-normal);
  --_checkbox-size: var(--dss-sizing-checkbox-outline-normal);
  --_checkbox-border-width: var(--dss-border-width-checkbox-outline-normal);
  --_checkbox-border-color: var(--dss-color-border-checkbox-outline-inactive);
  --_checkbox-border-color-hovered: var(
    --dss-color-border-checkbox-outline-hovered
  );
  --_checkbox-border-color-active: var(
    --dss-color-border-checkbox-outline-pressed
  );
  --_checkbox-bg-color: var(--dss-color-background-checkbox-outline-inactive);
  --_checkbox-bg-color-hovered: var(
    --dss-color-background-checkbox-outline-hovered
  );
  --_checkbox-bg-color-active: var(
    --dss-color-background-checkbox-outline-pressed
  );
  --_dss-checkbox-text-color: var(--dss-color-text-checkbox-outline-default);
  --_checkbox-label-gap: var(
    --dss-spacing-checkbox-outline-inline-normal-choice-label
  );
  --_checkbox-icon-size: var(--dss-sizing-checkbox-outline-denser);
  --_checkbox-disabled-border-color: var(
    --dss-color-border-checkbox-outline-disabled
  );
  --_checkbox-disabled-background-color: #0000;
  --_checkbox-icon-color-disabled: var(
    --dss-color-icon-checkbox-outline-disabled
  );
}

.dss-checkbox-wrapper .dss-checkbox-outline-label {
  font: var(--dss-font-checkbox-outline-uitext-normal);
}

.dss-checkbox-wrapper .dss-checkbox-outline-label-small {
  font: var(--dss-font-checkbox-outline-uitext-dense);
}

.dss-checkbox-wrapper .dss-checkbox-outline:checked {
  --_checkbox-border-color: var(--_checkbox-border-color-active);
  --_checkbox-bg-color-active: #0000;
}

.dss-checkbox-wrapper .dss-checkbox-outline:checked:after {
  --_checkbox-icon-color: var(--dss-color-icon-checkbox-outline-primary);
}

.dss-checkbox-wrapper .dss-checkbox-outline.dss-checkbox-small {
  --_checkbox-border-width: var(--dss-border-width-checkbox-outline-dense);
  --_checkbox-border-radius: var(--dss-border-radius-checkbox-outline-dense);
  --_checkbox-size: var(--dss-sizing-checkbox-outline-dense);
  --_checkbox-label-gap: var(
    --dss-spacing-checkbox-outline-inline-dense-choice-label
  );
}

.dss-checkbox-wrapper .dss-checkbox-disable,
.dss-checkbox-wrapper .dss-checkbox:disabled {
  --_checkbox-border-color: var(--_checkbox-disabled-border-color);
  --_checkbox-background-color: var(--_checkbox-disabled-background-color);
  --_checkbox-icon-color: var(--_checkbox-icon-color-disabled);
  pointer-events: none;
}

.dss-checkbox-wrapper .dss-checkbox-disable:checked,
.dss-checkbox-wrapper .dss-checkbox:disabled:checked {
  --_checkbox-bg-color-active: var(--_checkbox-disabled-background-color);
  --_checkbox-border-color: var(--_checkbox-disabled-border-color);
  --_checkbox-border-color-hovered: var(--_checkbox-disabled-border-color);
}

.dss-checkbox-wrapper .dss-checkbox-disable:checked:after,
.dss-checkbox-wrapper .dss-checkbox:disabled:checked:after {
  --_checkbox-icon-color: var(--_checkbox-icon-color-disabled);
}

.dss-checkbox-wrapper .dss-checkbox-disable + .dss-checkbox-label,
.dss-checkbox-wrapper .dss-checkbox:disabled + .dss-checkbox-label {
  color: var(--_checkbox-label-font-color-disabled);
  pointer-events: none;
}

.chrome-picker,
.sketch-picker {
  box-shadow: none !important;
  box-sizing: border-box !important;
  margin-bottom: 1px;
  padding: 10px;
  width: 100% !important;
}

.chrome-picker,
.chrome-picker > div,
.sketch-picker,
.sketch-picker > div {
  border-radius: var(--plt-border-radius-200) !important;
}

.chrome-picker > div + div,
.sketch-picker > div + div {
  border-radius: 0;
  padding: 16px 0 !important;
}

.chrome-picker .hue-horizontal,
.sketch-picker .hue-horizontal {
  border-radius: 10px;
}

.chrome-picker [id*='rc-editable-input'],
.sketch-picker [id*='rc-editable-input'] {
  border: 1px solid #e5e8e8 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  height: auto !important;
  outline: 0 !important;
  padding: 6px 10px !important;
  transition: all 0.4s;
}

.chrome-picker [id*='rc-editable-input']:focus,
.sketch-picker [id*='rc-editable-input']:focus {
  border-color: var(--dss-color-border-textfield-focused) !important;
}

.shades .chrome-picker,
.shades .sketch-picker {
  box-shadow: none !important;
}

.shades .chrome-picker .flexbox-fix *,
.shades .sketch-picker .flexbox-fix * {
  margin-bottom: 0 !important;
}

.shades .chrome-picker .flexbox-fix .hue-horizontal,
.shades .sketch-picker .flexbox-fix .hue-horizontal {
  display: none !important;
}

.shades .chrome-picker .flexbox-fix:last-child > :last-child,
.shades .sketch-picker .flexbox-fix:last-child > :last-child {
  display: none;
}

.plt-color-detail-block {
  display: flex;
  flex-direction: column;
  gap: var(--plt-space-200);
  opacity: 0;
  transition: all 0.4s;
  visibility: hidden;
}

.plt-color-picker-container {
  min-width: auto;
}

.change-token-modal .plt-modal-content {
  --modal-width-max: 830px;
}

.change-token-modal
  .plt-theme-pallette-lists:not(:hover)
  .plt-theme-pallette-item.active {
  border-radius: 8px;
  max-width: fit-content;
  min-width: fit-content;
  transform: scale(1.1);
  z-index: 1;
}

.plt-color-picker-modal .plt-modal-content {
  --modal-width-max: 375px;
}

.plt-usage-card-wrapper {
  flex-wrap: wrap;
  max-width: 840px;
  row-gap: 24px;
}

.plt-usage-card-wrapper .plt-usage-card-item {
  display: flex;
  flex-direction: column;
  max-width: calc(50% - 12px);
  min-width: calc(50% - 12px);
}

@media only screen and (max-width: 1024px) {
  .plt-usage-card-wrapper .plt-usage-card-item {
    max-width: 100%;
    min-width: 100%;
  }
}

.plt-usage-card-wrapper .plt-common-card {
  height: 100%;
  max-width: 100%;
  min-width: 100%;
}

.plt-usage-card-wrapper .plt-common-card-content {
  background: var(--plt-background-on-bg-default);
  border: 1px solid var(--plt-border-secondary);
  border-bottom: 0;
  border-radius: var(--plt-border-radius-150) var(--plt-border-radius-150) 0 0;
  flex-direction: column;
  gap: var(--plt-paragraph-spacing-200);
  padding: 18px;
}

.tab-content-container {
  flex: 1 1 auto;
  overflow: hidden;
  padding-inline: 48px;
}

.plt-color-token-name .plt-badge {
  max-width: 200px;
  width: max-content;
}

.plt-color-column .plt-color-box {
  background: var(--plt-primary-1000);
  border-radius: var(--plt-border-radius-150);
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
}

.plt-color-column .plt-color-detail {
  display: flex;
  flex-direction: column;
  gap: var(--plt-space-200);
  max-width: 200px;
  width: max-content;
}

.dss-textarea {
  --_textarea-wrapper-gap: var(
    --dss-spacing-textarea-default-normal-stack-field-helpertext
  );
  --_textarea-label-wrapper-gap: var(
    --dss-spacing-textarea-default-normal-stack-label-field
  );
  --_textarea-validation-content-gap: var(
    --dss-spacing-textarea-default-normal-inline-validatioicon-helpertext
  );
  --_textarea-label-color: var(--dss-color-text-textarea-secondary);
  --_textarea-spacing: var(--dss-spacing-textarea-default-inset-normal);
  --_textarea-bg-color: var(--dss-color-background-textarea-inactive);
  --_textarea-border-width: var(--dss-border-width-textarea-normal);
  --_textarea-border-color: var(--dss-color-border-textarea-inactive);
  --_textarea-border-color-hover: var(--dss-color-border-textarea-focused);
  --_textarea-border-color-focused: var(--dss-color-border-textarea-focused);
  --_textarea-border-color-filled: var(--dss-color-border-textarea-filled);
  --_textarea-border-color-disabled: var(--dss-color-border-textarea-disabled);
  --_textarea-border-color-error: var(--dss-color-border-textarea-negative);
  --_textarea-border-color-readonly: var(--dss-color-border-textarea-readonly);
  --_textarea-active-border-color: var(--dss-color-border-textarea-focused);
  --_textarea-border-radius: var(--dss-border-radius-textarea-normal);
  --_textarea-placeholder-color: var(--dss-color-text-textarea-placeholder);
  --_textarea-valuetext-font: var(--dss-font-textarea-uitext-valuetext-normal);
  --_textarea-label-font: var(--dss-font-textarea-uitext-label-normal);
  --_textarea-helpertext-font: var(
    --dss-font-textarea-uitext-helpertext-normal
  );
  --_textarea-text-color: var(--dss-color-text-textarea-primary);
  --_textarea-cursor: text;
  --_textarea-validation-color: var(--dss-color-text-textarea-negative);
  --_textarea-validation-font: var(
    --dss-font-textarea-uitext-validation-normal
  );
  --_textarea-count-container-gap: var(
    --dss-spacing-textarea-default-normal-inline-helpertext-count
  );
  --_textarea-count-text-color: var(--dss-color-text-textarea-tertiary);
  --_textarea-error-icon-size: var(--dss-sizing-textarea-icon-normal);
}

.dss-textarea-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--_textarea-wrapper-gap);
  min-width: 494px;
}

.dss-textarea-label-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--_textarea-label-wrapper-gap);
}

.dss-textarea-label {
  color: var(--_textarea-label-color);
  font: var(--_textarea-label-font);
  text-transform: capitalize;
}

.dss-textarea-container {
  background-color: var(--_textarea-bg-color);
  border: var(--_textarea-border-width) solid var(--_textarea-border-color);
  border-radius: var(--_textarea-border-radius);
  cursor: var(--_textarea-cursor);
  display: flex;
  flex-direction: column;
  min-height: 160px;
  padding: var(--_textarea-spacing);
}

.dss-textarea-container .dss-textarea-field {
  background-color: #0000;
  border: none;
  color: var(--_textarea-text-color);
  cursor: var(--_textarea-cursor);
  font: var(--_textarea-valuetext-font);
  min-height: 144px;
  min-width: 469px;
  outline: none;
  resize: none;
}

@media only screen and (max-width: 1248px) {
  .dss-textarea-container .dss-textarea-field {
    min-width: 330px;
  }
}

@media only screen and (max-width: 1024px) {
  .dss-textarea-container .dss-textarea-field {
    min-width: 300px;
  }
}

.dss-textarea-container .dss-textarea-field::placeholder {
  color: var(--_textarea-placeholder-color);
  font: var(--_textarea-valuetext-font);
}

.dss-textarea-container:hover {
  --_textarea-border-color: var(--_textarea-border-color-hover);
}

.dss-textarea-container.focused {
  --_textarea-border-color: var(--_textarea-border-color-focused);
  --_textarea-bg-color: var(--dss-color-background-textarea-focused);
}

.dss-textarea-container.filled {
  --_textarea-border-color: var(--_textarea-border-color-filled);
  --_textarea-bg-color: var(--dss-color-background-textarea-filled);
}

.dss-textarea-container.disabled {
  --_textarea-border-color: var(--_textarea-border-color-disabled);
  --_textarea-bg-color: var(--dss-color-background-textarea-disabled);
}

.dss-textarea-container.has-value {
  --_textarea-border-color: var(--dss-color-border-textarea-filled);
}

.dss-textarea-container.error {
  --_textarea-border-color: var(--dss-color-border-textarea-negative);
}

.dss-textarea-container.readonly {
  --_textarea-border-color: var(--dss-color-border-textarea-default-readonly);
  --_textarea-bg-color: var(--dss-color-background-textarea-readonly);
}

.dss-textarea-container .dss-tag {
  width: fit-content;
}

.dss-textarea.disabled {
  --_textarea-label-color: var(--dss-color-text-textarea-disabled);
  --_textarea-border-color: var(--dss-color-border-textarea-disabled);
  --_textarea-active-border-color: var(--dss-color-border-textarea-disabled);
  --_textarea-bg-color: var(--dss-color-background-textarea-disabled);
  --_textarea-cursor: no-drop;
  --_textarea-count-text-color: var(--dss-color-text-textarea-disabled);
  --_textarea-placeholder-color: var(--dss-color-text-textarea-disabled);
  pointer-events: none;
}

.dss-textarea.read-only {
  --_textarea-bg-color: var(--dss-color-background-textarea-readonly);
  --_textarea-active-border-color: var(--dss-color-border-textarea-readonly);
  border-color: var(--_textarea-border-color-readonly);
}

.dss-textarea .dss-error-container {
  align-items: center;
  display: none;
  gap: var(--_textarea-validation-content-gap);
  opacity: 0;
  transform: translateY(-6px);
  transition: all 0.4s;
  visibility: hidden;
  z-index: 1;
}

.dss-textarea .dss-error-container.active {
  display: inline-flex;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.dss-textarea .dss-error-container .dss-error-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: var(--_textarea-error-icon-size);
  max-width: var(--_textarea-error-icon-size);
  min-height: var(--_textarea-error-icon-size);
  min-width: var(--_textarea-error-icon-size);
}

.dss-textarea .dss-error-container .dss-error-message {
  color: var(--_textarea-validation-color);
  font: var(--_textarea-validation-font);
}

.dss-textarea .has-value {
  --_textarea-border-color: var(--_textarea-border-color-filled);
}

.dss-textarea .dss-count-container {
  align-items: center;
  display: flex;
  gap: var(--_textarea-count-container-gap);
  justify-content: space-between;
}

.dss-textarea .dss-count-container .dss-count-text {
  color: var(--_textarea-count-text-color);
  font: var(--_textarea-helpertext-font);
}

.dss-textarea-fluid {
  --_textarea-wrapper-gap: var(
    --dss-spacing-textarea-fluid-normal-stack-field-helpertext
  );
  --_textarea-validation-content-gap: var(
    --dss-spacing-textarea-fluid-normal-inline-validatioicon-helpertext
  );
  --_textarea-spacing: var(--dss-spacing-textarea-fluid-inset-normal);
  --_textarea-label-wrapper-gap: var(
    --dss-spacing-textarea-fluid-normal-stack-label-value-chip
  );
  --_textarea-count-container-gap: var(
    --dss-spacing-textarea-fluid-normal-inline-helpertext-count
  );
  min-width: 100%;
}

.dss-textarea-fluid .dss-textarea-container {
  gap: var(--dss-spacing-textarea-fluid-normal-stack-label-value-chip);
}

.dss-textarea-sm {
  --_textarea-border-radius: var(--dss-border-radius-textarea-dense);
  --_textarea-border-width: var(--dss-border-width-textarea-dense);
  --_textarea-spacing: var(--dss-spacing-textarea-default-inset-dense);
  --_textarea-wrapper-gap: var(
    --dss-spacing-textarea-default-dense-stack-field-helpertext
  );
  --_textarea-label-wrapper-gap: var(
    --dss-spacing-textarea-default-dense-stack-label-field
  );
  --_textarea-validation-content-gap: var(
    --dss-spacing-textarea-default-dense-inline-validatioicon-helpertext
  );
  --_textarea-valuetext-font: var(--dss-font-textarea-uitext-valuetext-dense);
  --_textarea-label-font: var(--dss-font-textarea-uitext-label-dense);
  --_textarea-validation-font: var(--dss-font-textarea-uitext-validation-dense);
  --_textarea-helpertext-font: var(--dss-font-textarea-uitext-helpertext-dense);
  --_textarea-count-container-gap: var(
    --dss-spacing-textarea-default-dense-inline-helpertext-count
  );
  --_textarea-error-icon-size: var(--dss-sizing-textarea-icon-dense);
}

.dss-textarea-sm.dss-textarea-fluid {
  --_textarea-wrapper-gap: var(
    --dss-spacing-textarea-fluid-dense-stack-field-helpertext
  );
  --_textarea-leading-gap: var(
    --dss-spacing-textarea-fluid-dense-inline-prefix-value
  );
  --_textarea-trailing-gap: var(
    --dss-spacing-textarea-fluid-dense-inline-sufix-traillingicon
  );
  --_textarea-validation-content-gap: var(
    --dss-spacing-textarea-fluid-dense-inline-validatioicon-helpertext
  );
  --_textarea-spacing: var(--dss-spacing-textarea-fluid-inset-dense);
  --_textarea-count-container-gap: var(
    --dss-spacing-textarea-fluid-dense-inline-helpertext-count
  );
}

.dss-tag {
  --_tag-spacing: var(--dss-spacing-chip-inset-normal-default);
  --_tag-border-radius: var(--dss-border-radius-chip-normal);
  --_tag-bg-color: var(--dss-color-background-chip-default-default);
  --_tag-border-color: var(--dss-color-border-chip-default-default);
  --_tag-bg-color-hovered: var(--dss-color-background-chip-default-hovered);
  --_tag-bg-color-pressed: var(--dss-color-background-chip-default-pressed);
  --_tag-font-color: var(--dss-color-text-chip-default-default);
  --_tag-font-spacing: var(--dss-font-letter-spacing-normal);
  --_tag-label-font: var(--dss-font-chip-uitext-normal-label-text);
  --_tag-counter-font-color: var(--dss-color-text-chip-default-default);
  --_tag-counter-font: var(--dss-font-chip-uitext-normal-count-text);
  --_tag-prefix-icon-size: var(--dss-sizing-chip-icon-normal);
  --_tag-close-icon-size: var(--dss-sizing-chip-icon-normal);
  --_tag-gap: var(--dss-spacing-chip-inline-normal-text-count);
  --_tag-leading-gap: var(--dss-spacing-chip-inline-normal-leadingicon-text);
  --_tag-close-border-radius: var(--dss-border-radius-chip-normal);
  --_tag-close-bg-hovered: var(--dss-color-icon-chip-default-surface);
  --_tag-checkicon-color: var(--dss-color-icon-chip-default-checkicon);
  align-items: center;
  background-color: var(--_tag-bg-color);
  border: var(--dss-border-width-chip-normal) solid var(--_tag-border-color);
  border-radius: var(--_tag-border-radius);
  cursor: pointer;
  display: flex;
  gap: var(--_tag-gap);
  justify-content: center;
  max-width: max-content;
  padding: var(--_tag-spacing);
  transition: all 0.4s;
}

.dss-tag .dss-tag-label {
  font: var(--_tag-label-font);
}

.dss-tag .dss-tag-counter {
  font: var(--_tag-counter-font);
}

.dss-tag.dss-tag-spacing-labelStatusicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-normal-statusicon);
}

.dss-tag.dss-tag-spacing-labelStatusicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-normal-statusicon-text);
}

.dss-tag.dss-tag-spacing-labelCloseicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-normal-closeicon);
}

.dss-tag.dss-tag-spacing-labelCloseicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-normal-text-closableicon);
}

.dss-tag span {
  display: none;
}

.dss-tag:hover {
  --_tag-bg-color: var(--_tag-bg-color-hovered);
  --_tag-font-color: var(--dss-color-text-chip-default-hovered);
  --_tag-border-color: var(--dss-color-border-chip-default-hovered);
  --_tag-counter-font-color: var(--dss-color-text-chip-default-hovered);
}

.dss-tag:hover .dss-close-icon {
  background-color: var(--_tag-close-bg-hovered);
}

.dss-tag:focus {
  --_tag-bg-color: var(--_tag-bg-color-pressed);
  --_tag-font-color: var(--dss-color-text-chip-default-pressed);
  --_tag-border-color: var(--dss-color-border-chip-default-pressed);
  --_tag-counter-font-color: var(--dss-color-text-chip-default-pressed);
}

.dss-tag-leading {
  align-items: center;
  display: flex;
  gap: var(--_tag-leading-gap);
}

.dss-tag-label {
  color: var(--_tag-font-color);
  letter-spacing: var(--_tag-font-spacing);
}

.dss-tag.disabled {
  cursor: no-drop;
}

.dss-tag.disabled,
.dss-tag.disabled:focus,
.dss-tag.disabled:hover {
  --_tag-bg-color: var(--dss-color-background-chip-default-disabled);
  --_tag-font-color: var(--dss-color-text-chip-default-disabled);
  --_tag-border-color: var(--dss-color-border-chip-default-disabled);
}

.dss-tag.disabled .dss-tag-counter,
.dss-tag.disabled .dss-tag-label {
  color: var(--dss-color-text-chip-default-disabled);
}

.dss-tag.disabled .dss-close-icon path,
.dss-tag.disabled .dss-prefix-icon svg * {
  stroke: var(--dss-color-text-chip-default-disabled);
}

.dss-tag-large {
  --_tag-gap: var(--dss-spacing-chip-inline-large-text-count);
  --_tag-spacing: var(--dss-spacing-chip-inset-large-default);
  --_tag-leading-gap: var(--dss-spacing-chip-inline-large-leadingicon-text);
  --_tag-label-font: var(--dss-font-chip-uitext-large-label-text);
  --_tag-counter-font: var(--dss-font-chip-uitext-large-count-text);
}

.dss-tag-large.dss-tag-spacing-labelStatusicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-large-statusicon);
}

.dss-tag-large.dss-tag-spacing-labelStatusicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-large-statusicon-text);
}

.dss-tag-large.dss-tag-spacing-labelCloseicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-large-closeicon);
}

.dss-tag-large.dss-tag-spacing-labelCloseicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-large-text-closableicon);
}

.dss-tag-small {
  --_tag-gap: var(--dss-spacing-chip-inline-dense-text-count);
  --_tag-spacing: var(--dss-spacing-chip-inset-dense-default);
  --_tag-leading-gap: var(--dss-spacing-chip-inline-dense-leadingicon-text);
  --_tag-label-font: var(--dss-font-chip-uitext-dense-label-text);
  --_tag-counter-font: var(--dss-font-chip-uitext-dense-count-text);
}

.dss-tag-small.dss-tag-spacing-label {
  --_tag-spacing: var(--dss-spacing-chip-inset-dense-default);
}

.dss-tag-small.dss-tag-spacing-labelStatusicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-dense-statusicon);
}

.dss-tag-small.dss-tag-spacing-labelStatusicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-dense-statusicon-text);
}

.dss-tag-small.dss-tag-spacing-labelCloseicon {
  --_tag-spacing: var(--dss-spacing-chip-inset-dense-closeicon);
}

.dss-tag-small.dss-tag-spacing-labelCloseicon .dss-tag-leading {
  --_tag-leading-gap: var(--dss-spacing-chip-inline-dense-text-closableicon);
}

.dss-tag .dss-prefix-icon {
  display: inline-flex;
  max-height: var(--_tag-prefix-icon-size);
  max-width: var(--_tag-prefix-icon-size);
  min-height: var(--_tag-prefix-icon-size);
  min-width: var(--_tag-prefix-icon-size);
}

.dss-tag .dss-prefix-icon svg {
  height: var(--_tag-prefix-icon-size);
  width: var(--_tag-prefix-icon-size);
}

/* .dss-tag .dss-prefix-icon svg path {
  fill: var(--_tag-checkicon-color);
} */

.dss-tag .dss-tag-counter {
  color: var(--_tag-counter-font-color);
  display: inline-flex;
}

.dss-tag .dss-tag-label {
  display: inline-flex;
  width: max-content;
}

.dss-tag .dss-close-icon {
  align-items: center;
  border-radius: var(--_tag-close-border-radius);
  display: inline-flex;
  justify-content: center;
  max-height: var(--_tag-close-icon-size);
  max-width: var(--_tag-close-icon-size);
  min-height: var(--_tag-close-icon-size);
  min-width: var(--_tag-close-icon-size);
  transition: all 0.4s;
}

.dss-tag-positive {
  --_tag-bg-color: var(--dss-color-background-chip-positive-default);
  --_tag-font-color: var(--dss-color-text-chip-positive-default);
  --_tag-border-color: var(--dss-color-border-chip-positive-default);
  --_tag-checkicon-color: var(--dss-color-icon-chip-positive-checkicon);
}

.dss-tag-positive:hover {
  --_tag-bg-color-hovered: var(--dss-color-background-chip-positive-hovered);
  --_tag-font-color: var(--dss-color-text-chip-positive-hovered);
  --_tag-border-color: var(--dss-color-border-chip-positive-hovered);
}

.dss-tag-positive:hover .dss-close-icon {
  background-color: var(--_tag-close-bg-hovered);
}

.dss-tag-positive:focus {
  --_tag-bg-color-pressed: var(--dss-color-background-chip-positive-pressed);
  --_tag-font-color: var(--dss-color-text-chip-positive-pressed);
  --_tag-border-color: var(--dss-color-border-chip-positive-pressed);
}

.dss-tag-negative {
  --_tag-bg-color: var(--dss-color-background-chip-negative-default);
  --_tag-font-color: var(--dss-color-text-chip-negative-default);
  --_tag-border-color: var(--dss-color-border-chip-negative-default);
  --_tag-checkicon-color: var(--dss-color-icon-chip-negative-checkicon);
}

.dss-tag-negative:hover {
  --_tag-bg-color-hovered: var(--dss-color-background-chip-negative-hovered);
  --_tag-font-color: var(--dss-color-text-chip-negative-hovered);
  --_tag-border-color: var(--dss-color-border-chip-negative-hovered);
}

.dss-tag-negative:hover .dss-close-icon {
  background-color: var(--_tag-close-bg-hovered);
}

.dss-tag-negative:focus {
  --_tag-bg-color-pressed: var(--dss-color-background-chip-negative-pressed);
  --_tag-font-color: var(--dss-color-text-chip-negative-pressed);
  --_tag-border-color: var(--dss-color-border-chip-negative-pressed);
}

.tab-content-body {
  background-color: var(--plt-background-surface);
}

.tab-content-wrapper {
  padding: 48px 0;
}

.tab-content-setting {
  padding: 32px 0;
}

.tab-content-body {
  flex: 1 1;
  max-height: 100dvh;
  min-height: 100dvh;
  min-width: 0;
  overflow-y: auto;
  scrollbar-color: light;
  scrollbar-color: var(--dss-scroll-color) #0000;
  scrollbar-width: thin;
  transition: all 0.35s;
}

.tab-content-body.active {
  margin-left: -250px;
}

.font-upload-btn .plt-iconbtn {
  background: #0000;
  max-height: var(--plt-size-400);
  max-width: var(--plt-size-400);
  min-height: var(--plt-size-400);
  min-width: var(--plt-size-400);
}

.font-upload-btn .plt-iconbtn:hover {
  background: #0000;
}

.content-wrapper,
.plt-content-block {
  max-width: 840px;
}

.plt-content-block:last-child {
  margin-bottom: var(--dss-spacing-0);
}

.plt-content-block .plt-contents-head {
  font-weight: 600;
}

.plt-character-box {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
  width: 100%;
}

.plt-text-underline {
  text-decoration: underline;
  -webkit-text-decoration: var(--plt-text-decoration-underline);
  text-decoration: var(--plt-text-decoration-underline);
}

.custom-dropdown .react-select__control {
  background-color: var(--plt-background-tertiary);
  border: 0 !important;
  cursor: pointer;
  min-height: 44px;
  transition: all 0.35s;
}

.custom-dropdown .react-select__control:after,
.custom-dropdown .react-select__control:before {
  background-color: var(--plt-background-inverse);
  top: auto;
  transition: all 0.35s;
}

.custom-dropdown .react-select__value-container {
  padding: 0 12px;
}

.custom-dropdown .react-select__value-container .react-select__single-value {
  color: var(--plt-text-primary);
  font-family: var(--plt-ui-text-sm-medium-font-family);
  font-size: var(--plt-ui-text-sm-medium-font-size);
  font-weight: var(--plt-ui-text-sm-medium-font-weight);
  line-height: var(--plt-ui-text-sm-medium-line-height);
  margin: 0;
  text-transform: capitalize;
}

.custom-dropdown .react-select__value-container .react-select__input {
  color: var(--plt-text-primary) !important;
  font-family: var(--plt-ui-text-sm-medium-font-family) !important;
  font-size: var(--plt-ui-text-sm-medium-font-size) !important;
  font-weight: var(--plt-ui-text-sm-medium-font-weight) !important;
  line-height: var(--plt-ui-text-sm-medium-line-height) !important;
}

.custom-dropdown .react-select__value-container .css-1jqq78o-placeholder {
  color: var(--plt-text-primary);
  font-size: var(--plt-font-size-200);
  font-weight: var(--plt-font-weight-medium);
  margin: 0;
}

.custom-dropdown .react-select__menu {
  background-color: var(--dss-color-neutrals-100);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-100);
  box-shadow: none;
  font-family: var(--plt-ui-text-sm-medium-font-family);
  font-size: var(--plt-ui-text-sm-medium-font-size);
  font-weight: var(--plt-ui-text-sm-medium-font-weight);
  line-height: var(--plt-ui-text-sm-medium-line-height);
  min-width: 155px;
  padding: var(--plt-space-200);
  right: 0;
  text-transform: capitalize;
}

.custom-dropdown .react-select__menu .react-select__option {
  background-color: inherit;
  color: var(--plt-text-primary);
  cursor: pointer;
  transition: all 0.35s;
}

.custom-dropdown .react-select__menu .react-select__option:hover {
  background-color: var(--plt-background-secondary);
}

.plt-select-dropdown-secondary .css-1pty5lh-control:after,
.plt-select-dropdown-secondary .css-1pty5lh-control:before,
.plt-select-dropdown-secondary .css-orzr7h-control:after,
.plt-select-dropdown-secondary .css-orzr7h-control:before {
  z-index: 0;
}

.plt-select-dropdown-secondary .css-9agal2-control,
.plt-select-dropdown-secondary .css-9agal2-control:hover,
.plt-select-dropdown-secondary .css-orzr7h-control,
.plt-select-dropdown-secondary .css-orzr7h-control:hover {
  border: none;
}

.plt-select-dropdown-secondary .react-select__control {
  border: none;
  max-height: 33px;
  min-height: 33px;
}

.plt-select-dropdown-secondary .react-select__control:hover {
  border: none;
}

.plt-select-dropdown-secondary .css-1dimb5e-singleValue,
.plt-select-dropdown-secondary .css-1jqq78o-placeholder {
  min-width: 80px;
}

.plt-select-dropdown-secondary .react-select__value-container {
  padding: 6px 8px;
}

.plt-select-dropdown-secondary
  .react-select__value-container
  .react-select__input-container {
  margin: 0;
  padding: 0;
}

.plt-dropdown-secondary {
  background-color: var(--plt-background-tertiary);
}

.plt-dropdown-secondary .custom-dropdown {
  border-right: var(--plt-border-width-100) solid var(--plt-border-secondary);
}

.plt-dropdown-secondary .react-select__control {
  background-color: var(--plt-background-tertiary);
  border-color: #0000;
  min-height: 41px;
}

.plt-dropdown-secondary .react-select__control .react-select__value-container {
  padding: 0 24px;
}

.plt-dropdown-secondary .react-select__menu {
  background-color: var(--plt-background-tertiary);
  border: none;
  border-radius: 0;
  padding: 0;
}

.plt-heading-usage {
  max-width: 152px;
}

.plt-heading-values {
  display: flex;
  flex-direction: column;
  gap: var(--plt-space-200);
}

.plt-heading-values .plt-heading-info {
  display: block;
}

.plt-heading-values,
.plt-heading-values-wrapper {
  transition: all 0.35s;
}

.plt-table-hover-icon {
  opacity: 0;
  transition: all 0.35s;
  visibility: hidden;
}

.plt-select-scale-wrapper {
  background-color: var(--plt-background-tertiary);
}

.plt-select-scale-wrapper .plt-dropdown-secondary {
  flex: 1 1;
}

.plt-select-scale-wrapper .plt-dropdown-secondary:last-child .custom-dropdown {
  border-right: 0;
}

.plt-preview-group .plt-preview {
  align-items: flex-end;
  justify-content: space-between;
  position: static;
  z-index: 2;
}

.plt-preview-group .plt-preview + .plt-preview {
  border-top: 1px solid var(--plt-border-secondary);
  z-index: 2;
}

.plt-preview-group .plt-preview .plt-font-preview {
  max-width: 425px;
  text-align: left;
}

.dropdown-btn {
  align-items: center;
  background: var(--plt-border-neutral);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-full);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: var(--plt-space-200) var(--plt-space-400);
}

.dropdown-btn .dropdown-btn-txt {
  color: #101828;
  display: inline-block;
  font-size: var(--plt-font-size-200);
}

.dropdown-btn-icon {
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
}

.plt-value-btn {
  align-items: center;
  display: flex;
}

.plt-value-btn .plt-value-btn-txt {
  color: var(--plt-text-primary);
}

.modal-value-block .input-suffix {
  position: absolute;
  right: var(--plt-space-300);
  top: 13px;
}

.modal-value-block .input-field-custom {
  margin-top: 0;
}

.modal-value-btn {
  width: 100%;
}

.modal-textarea {
  background: var(--plt-background-surface);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-100);
  color: var(--plt-text-primary);
  margin-top: var(--plt-space-100);
  min-height: 82px;
  outline: none;
  padding: var(--plt-space-200) var(--plt-space-300);
  resize: none;
  transition: all 0.4s;
}

.modal-textarea::placeholder {
  color: var(--plt-text-placeholder);
  font-family: var(--plt-ui-text-sm-medium-font-family);
  font-size: var(--plt-ui-text-sm-medium-font-size);
  font-weight: var(--plt-font-weight-regular);
  line-height: var(--plt-ui-text-sm-medium-line-height);
}

.modal-textarea:hover {
  border: var(--plt-border-width-100) solid var(--plt-border-tertiary);
}

.modal-textarea:focus {
  border: var(--plt-border-width-100) solid var(--plt-text-tertiary);
}

.modal-textarea:focus-visible {
  border: var(--plt-border-width-100) solid var(--plt-text-tertiary);
}

.modal-textarea-info {
  gap: var(--plt-space-200);
}

.modal-textarea-info .modal-textarea-desc {
  color: var(--plt-text-tertiary);
}

.typo-modal-detail {
  flex-wrap: wrap;
  max-width: 495px;
  row-gap: var(--plt-space-500);
}

.typo-modal-detail .plt-select-dropdown-wrapper {
  max-width: calc(50% - 20px);
  min-width: calc(50% - 20px);
}

.typo-modal-detail .plt-select-dropdown-wrapper .modal-value-block {
  padding-bottom: 42px;
}

.typo-modal-detail .plt-select-dropdown-wrapper .custom-dropdown {
  min-width: 202px;
}

.plt-token-details {
  padding: 0 var(--plt-space-600);
}

.plt-token-details
  .plt-iconbtn
  plt-iconbtn-sm
  plt-token-value-icon
  .plt-iconbtn {
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
}

.token-list {
  gap: 0 !important;
  margin-bottom: var(--plt-space-800);
  padding: 0 var(--plt-space-600);
}

.token-list .token-item {
  align-items: baseline;
  padding-bottom: var(--plt-space-800);
}

.token-list .token-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.plt-padding-wrapper {
  column-gap: var(--plt-space-300);
  padding: 0 var(--plt-space-600);
}

.plt-padding-wrapper .plt-select-dropdown-wrapper {
  align-items: flex-start;
  flex-direction: column;
}

.component-card {
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
}

.component-card .component-edit-btn {
  opacity: 0;
  position: absolute;
  right: var(--plt-space-600);
  transition: all 0.3s;
  visibility: hidden;
}

.component-area-ui {
  border-radius: var(--plt-border-radius-300) var(--plt-border-radius-300) 0 0;
  padding: var(--plt-space-800) var(--plt-space-600);
  position: relative;
  transition: all 0.3s;
}

@media (max-width: 1024px) {
  .component-area-ui {
    overflow-x: scroll;
  }
}

.component-area-ui:hover .component-edit-btn {
  opacity: 1;
  visibility: visible;
}

.component-area-ui .plt-modal-overlay {
  overflow: auto;
}

.component-area-code {
  background: var(--plt-background-tertiary);
  border-radius: 0 0 var(--plt-border-radius-300) var(--plt-border-radius-300);
  border-top: 1px solid var(--plt-border-input);
  padding: var(--plt-space-600);
  position: relative;
  transition: all 0.3s;
}

.component-area-code:hover .component-copy-btn {
  opacity: 1;
  visibility: visible;
}

.component-area-code-wrapper {
  overflow: auto;
}

.component-area-code-wrapper * {
  font-family: monospace;
}

.component-area-code pre {
  max-width: 370px;
}

.component-area-code .component-copy-btn {
  opacity: 0;
  position: absolute;
  right: var(--plt-space-600);
  top: var(--plt-space-400);
  transition: all 0.3s;
  visibility: hidden;
}

.component-area-code .component-copy-btn .plt-iconbtn {
  --plt-iconbtn-bg-color: var(--plt-background-secondary);
}

.plt-btn-detail-wrapper {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
  padding: 36px;
}

.plt-btn-box-wrapper {
  flex-wrap: wrap;
  row-gap: 32px;
}

.plt-btn-box-wrapper .plt-btn-box {
  max-width: calc(50% - 8px);
  min-width: calc(50% - 8px);
}

.plt-detail-list {
  list-style: none;
}

.plt-detail-list li {
  padding-left: 15px;
  position: relative;
}

.plt-detail-list li:before {
  background: var(--plt-text-secondary);
  border-radius: 50%;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 3px;
}

.plt-component-card {
  align-items: center;
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
  display: flex;
  justify-content: center;
  padding: var(--plt-space-800);
}

.guideline-card {
  flex-wrap: wrap;
  row-gap: var(--plt-space-800);
}

.guideline-wrapper {
  max-width: calc(50% - 12px);
  min-width: calc(50% - 12px);
}

.guideline-wrapper .guideline-badge {
  border-radius: var(--plt-border-radius-150);
  color: var(--plt-text-button-fill-primary);
  max-width: fit-content;
  padding: 0 10px;
}

.guideline-wrapper .guideline-badge.active {
  background: #0a8a00;
}

.guideline-wrapper .guideline-badge.inactive {
  background: #ce463d;
}

.guideline-detail-wrapper {
  background: var(--plt-background-primary);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
  padding: var(--plt-space-400);
}

.plt-btn-detail-set {
  display: flex;
  flex-direction: column;
  row-gap: var(--plt-space-300);
}

.plt-btn-detail-set .plt-btn-plt-detail-list {
  align-items: baseline;
  column-gap: var(--plt-space-200);
  list-style: none;
}

.plt-btn-detail-set .plt-btn-plt-detail-list span {
  width: fit-content;
}

.tokens-tab-filter-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.elevation-modal-detail {
  column-gap: var(--plt-space-1000);
  max-width: 493px;
}

.elevation-modal-detail .plt-select-dropdown-wrapper {
  flex: 1 1;
}

.plt-common-card-wrapper {
  column-gap: var(--plt-space-600);
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 840px;
  row-gap: var(--plt-space-500);
}

.plt-common-card {
  background: var(--plt-background-tertiary);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
  max-width: calc(50% - 12px);
  min-width: calc(50% - 12px);
}

@media only screen and (max-width: 1248px) {
  .plt-common-card {
    max-width: 100%;
    min-width: 100%;
  }
}

.plt-common-card-box {
  width: 100%;
}

.plt-common-card-box .plt-iconbtn {
  background: var(--plt-background-surface);
}

.plt-common-card-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.plt-common-card-des {
  max-width: 180px;
}

.plt-common-card-axis {
  gap: 25px;
}

.plt-common-card-axis .plt-common-card-axis-value {
  margin-left: var(--plt-space-50);
}

.plt-common-card-img-box {
  background: var(--plt-background-surface);
  border-radius: var(--plt-border-radius-150);
  max-height: 150px;
  max-width: 146px;
  min-height: 150px;
  min-width: 146px;
}

.plt-common-card-box-wrapper {
  align-items: flex-end;
  column-gap: var(--plt-space-400);
}

.plt-common-card-content {
  flex: 1 1 auto;
}

.dss-shadow-0 {
  box-shadow: var(--dss-shadow-0);
}

.dss-shadow-100 {
  box-shadow: var(--dss-shadow-100);
}

.dss-shadow-300 {
  box-shadow: var(--dss-shadow-300);
}

.dss-shadow-600 {
  box-shadow: var(--dss-shadow-600);
}

.dss-shadow-fill {
  box-shadow: var(--dss-shadow-fill-pressed-normal);
}

.plt-application-card {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
  display: flex;
  justify-content: flex-end;
  padding-bottom: var(--plt-space-800);
  padding-top: var(--plt-space-800);
  width: 100%;
}

.plt-application-card-wrapper {
  align-items: center;
  display: flex;
}

.plt-common-card-badge {
  background: var(--plt-background-surface);
  border: 1px solid var(--plt-border-secondary);
  border-radius: 5px;
  border-radius: var(--plt-border-radius-700);
  color: var(--plt-text-secondary);
  font-size: var(--plt-font-size-200);
  font-weight: var(--plt-font-weight-regular);
  line-height: var(--plt-line-height-120);
  min-width: fit-content;
  padding: var(--plt-space-100) var(--plt-space-200);
  position: relative;
}

.plt-common-card-badge:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23630B99' d='M0 2h61v3H0z'/%3E%3Ccircle cx='60.5' cy='3.5' r='3.5' fill='%23630B99'/%3E%3C/svg%3E");
  content: '';
  height: 7px;
  left: 100%;
  position: absolute;
  top: 8px;
  width: 64px;
}

.usage-img-card-item .plt-common-card {
  background: var(--plt-background-primary);
}

.usage-img-card-item .usage-img-card-desc {
  color: var(--plt-text-secondary);
}

.plt-icon-box {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
  flex-direction: column;
  transition: all 0.35s;
  width: 100%;
}

.plt-icon-box .icon-image {
  max-height: var(--dss-sizing-800);
  max-width: var(--dss-sizing-800);
  min-height: var(--dss-sizing-800);
  min-width: var(--dss-sizing-800);
}

.plt-icon-box-txt {
  gap: var(--plt-space-200);
}

.plt-icon-box-download {
  max-height: var(--dss-sizing-800);
  max-width: var(--dss-sizing-800);
  min-height: var(--dss-sizing-800);
  min-width: var(--dss-sizing-800);
}

.plt-icon-box .bg-elem {
  fill: var(--plt-background-surface);
}

.plt-icon-box .arrow-elem {
  stroke: var(--plt-text-primary);
}

.iconography-container {
  max-width: 890px;
}

.plt-iconography-card-wrapper {
  --column-count: 5;
  grid-gap: var(--plt-space-200);
  display: grid;
  gap: var(--plt-space-200);
  grid-template-columns: repeat(var(--column-count), 1fr);
}

.plt-icon-card {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
  max-width: max-content;
  min-width: 145px;
}

.plt-dropdown-container {
  align-items: end;
}

.plt-input-search {
  min-width: 275px;
}

.plt-input-search .input-field {
  text-indent: 28px;
}

.dss-custom-radio-group {
  --_dss-radio-gap-horizontal: var(--dss-spacing-600);
  --_dss-radio-gap-vertical: var(--dss-spacing-400);
  display: flex;
  gap: var(--_dss-radio-gap-horizontal);
}

.dss-custom-radio-group-vertical {
  flex-direction: column;
  row-gap: var(--_dss-radio-gap-vertical);
}

.dss-radio-wrapper {
  --_dss-radio-outer-circle-size: var(--dss-sizing-radiobutton-default-normal);
  --_dss-radio-border-width: var(--dss-border-width-radiobutton-default-normal);
  --_dss-radio-border-radius: var(--dss-border-radius-radiobutton-default-full);
  --_dss-radio-border-color: var(
    --dss-color-border-radiobutton-default-inactive
  );
  --_dss-radio-border-hover: var(
    --dss-color-border-radiobutton-default-hovered
  );
  --_dss-radio-border-checked: var(
    --dss-color-border-radiobutton-default-pressed
  );
  --_dss-radio-border-disabled: var(
    --dss-color-border-radiobutton-default-disabled
  );
  --_dss-radio-background-disabled: var(
    --dss-color-background-radiobutton-default-disabled
  );
  --_dss-radio-background-color: var(
    --dss-color-background-radiobutton-default-inactive
  );
  --_dss-radio-background-hover: var(
    --dss-color-background-radiobutton-default-hovered
  );
  --_dss-radio-background-pressed: var(
    --dss-color-background-radiobutton-default-pressed
  );
  --_dss-radio-dot-color: var(--_dss-radio-background-pressed);
  --_dss-radio-text-disabled: var(
    --dss-color-text-radiobutton-default-disabled
  );
  --_dss-radio-text-color: var(--dss-color-text-radiobutton-default-active);
  --_dss-radio-text-hover: var(--dss-color-text-radiobutton-default-hovered);
  --_dss-radio-text-pressed: var(--dss-color-text-radiobutton-default-pressed);
  align-items: center;
  column-gap: var(--dss-spacing-radiobutton-default-inline-normal-choice-label);
  display: flex;
  min-height: var(--_dss-radio-outer-circle-size);
  min-width: var(--_dss-radio-outer-circle-size);
  position: relative;
  transition-property: border;
}

.dss-radio-wrapper .dss-radio-input {
  opacity: 0;
  width: var(--_dss-radio-outer-circle-size);
}

.dss-radio-wrapper .dss-radio-label {
  color: var(--_dss-radio-text-color);
  cursor: pointer;
  display: inline-block;
  font: var(--dss-font-radiobutton-default-uitext-normal);
}

.dss-radio-wrapper:after,
.dss-radio-wrapper:before {
  aspect-ratio: 1/1;
  border-radius: var(--_dss-radio-border-radius);
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
}

.dss-radio-wrapper:before {
  border: var(--_dss-radio-border-width) solid var(--_dss-radio-border-color);
  width: var(--_dss-radio-outer-circle-size);
}

.dss-radio-wrapper:after {
  left: 4px;
  top: 4px;
  transform: scale(0);
  transition: all 0.4s cubic-bezier(0.57, -0.24, 0.27, 1.55);
  width: calc(
    var(--_dss-radio-outer-circle-size) -
      var(--dss-spacing-radiobutton-default-inline-normal-choice-label)
  );
}

.dss-radio-wrapper:hover {
  --_dss-radio-border-color: var(--_dss-radio-border-hover);
  --_dss-radio-background-color: var(--_dss-radio-background-hover);
}

.dss-radio-wrapper:hover .dss-radio-label {
  --_dss-radio-text-color: var(--_dss-radio-text-hover);
}

.dss-radio-wrapper:has(:checked) {
  --_dss-radio-border-color: var(--_dss-radio-border-checked);
  --_dss-radio-background-color: var(--_dss-radio-background-pressed);
}

.dss-radio-wrapper:has(:checked) .dss-radio-label {
  --_dss-radio-text-color: var(--_dss-radio-text-pressed);
}

.dss-radio-wrapper:has(:checked):after {
  background-color: var(--_dss-radio-dot-color);
  transform: scale(1);
}

.dss-radio-wrapper.disabled {
  --_dss-radio-border-checked: var(--_dss-radio-border-disabled);
  --_dss-radio-dot-color: var(--_dss-radio-background-disabled);
  --_dss-radio-text-color: var(--_dss-radio-text-disabled);
  --_dss-radio-border-color: var(--_dss-radio-border-disabled);
  pointer-events: none;
}

.dss-radio-wrapper.disabled .dss-radio-label {
  --_dss-radio-text-color: var(--_dss-radio-text-disabled);
}

.dss-radio-outlined {
  --_dss-radio-outer-circle-size: var(--dss-sizing-radiobutton-outline-normal);
  --_dss-radio-border-radius: var(--dss-border-radius-radiobutton-outline-full);
  --_dss-radio-border-width: var(
    --dss-border-width-radiobutton-outline-normal-default
  );
  --_dss-radio-text-disabled: var(
    --dss-color-text-radiobutton-outline-disabled
  );
  --_dss-radio-text-color: var(--dss-color-text-radiobutton-outline-active);
  --_dss-radio-text-hover: var(--dss-color-text-radiobutton-outline-hovered);
  --_dss-radio-text-pressed: var(--dss-color-text-radiobutton-outline-pressed);
  --_dss-radio-background-disabled: var(
    --dss-color-background-radiobutton-outline-disabled
  );
  --_dss-radio-background-color: var(
    --dss-color-background-radiobutton-outline-inactive
  );
  --_dss-radio-background-hover: var(
    --dss-color-background-radiobutton-outline-hovered
  );
  --_dss-radio-background-pressed: var(
    --dss-color-background-radiobutton-outline-pressed
  );
  --_dss-radio-border-color: var(
    --dss-color-border-radiobutton-outline-inactive
  );
  --_dss-radio-border-hover: var(
    --dss-color-border-radiobutton-outline-hovered
  );
  --_dss-radio-border-checked: var(
    --dss-color-border-radiobutton-outline-pressed
  );
  --_dss-radio-border-disabled: var(
    --dss-color-border-radiobutton-outline-disabled
  );
  --_dss-radio-dot-color: var(
    --dss-color-background-radiobutton-outline-inactive
  );
  column-gap: var(--dss-spacing-radiobutton-outline-inline-normal-choice-label);
}

.dss-radio-outlined:has(:checked) .dss-radio-label {
  font: var(--dss-font-radiobutton-outline-uitext-normal);
}

.dss-radio-outlined:has(:checked):before {
  border-width: var(--dss-border-width-radiobutton-outline-normal-pressed);
}

.dss-radio-outlined.disabled {
  --_dss-radio-dot-color: var(
    --dss-color-background-radiobutton-outline-inactive
  );
}

.dss-custom-radio-group-xs .dss-radio-wrapper {
  --_dss-radio-outer-circle-size: var(--dss-sizing-radiobutton-default-dense);
  --_dss-radio-border-width: var(--dss-border-width-radiobutton-default-dense);
}

.dss-custom-radio-group-xs .dss-radio-wrapper .dss-radio-label {
  font: var(--dss-font-radiobutton-default-uitext-dense);
}

.dss-custom-radio-group-xs .dss-radio-wrapper.dss-radio-outlined {
  --_dss-radio-outer-circle-size: var(--dss-sizing-radiobutton-outline-dense);
}

.dss-custom-radio-group-xs
  .dss-radio-wrapper.dss-radio-outlined
  .dss-radio-label {
  font: var(--dss-font-radiobutton-outline-uitext-dense);
}

.dss-custom-radio-group-xs .dss-radio-wrapper.dss-radio-outlined:before {
  --_dss-radio-border-width: var(
    --dss-border-width-radiobutton-outline-dense-default
  );
}

.dss-custom-radio-group-xs
  .dss-radio-wrapper.dss-radio-outlined:has(:checked):before {
  --_dss-radio-border-width: var(
    --dss-border-width-radiobutton-outline-dense-pressed
  );
}

.dss-tab {
  --_tab-btn-gap: var(--dss-spacing-tab-default-tablist-inline-between-tabs);
  --_tab-btn-spacing: var(--dss-spacing-tab-default-tablist-inset-normal);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-default-unselected);
  --_tab-btn-text-color: var(--dss-color-text-tab-default-unseclect);
  --_tab-btn-text-font: var(--dss-font-tab-default-uitext-normal);
  --_tab-btn-active-border-height: var(--dss-border-width-tab-default-large);
  --_tab-btn-border-color: #0000;
  --_tab-btn-hovered-border-color: var(--dss-color-border-tab-default-hovered);
  --_tab-btn-active-border-color: var(--dss-color-border-tab-default-selected);
  --_tab-header-border-height: var(--dss-border-width-tab-default-normal);
  --_tab-header-border-color: var(--dss-color-border-tab-default-stroke);
  --_tab-btn-bg-color: #0000;
  --_tab-btn-border-radius: var(--dss-border-radius-0);
  --_tab-btn-icon-gap: var(
    --dss-spacing-tab-default-tablist-inline-leadingicon-tabtext
  );
}

.dss-tab-header {
  align-items: center;
  border-bottom: var(--_tab-header-border-height) solid
    var(--_tab-header-border-color);
  display: flex;
  gap: var(--_tab-btn-gap);
}

.dss-tab-header-pill {
  --_tab-btn-gap: var(--dss-spacing-tab-pill-tablist-inline-between-tabs);
  --_tab-header-border-height: var(--dss-spacing-0);
  --_tab-header-border-color: #0000;
  --_tab-btn-icon-gap: var(
    --dss-spacing-tab-pill-tablist-inline-leadingicon-tabtext
  );
}

.dss-tab-btn {
  align-items: center;
  background-color: var(--_tab-btn-bg-color);
  border: none;
  border-bottom: var(--_tab-btn-active-border-height) solid
    var(--_tab-btn-border-color);
  border-radius: var(--_tab-btn-border-radius);
  color: var(--_tab-btn-text-color);
  cursor: pointer;
  display: flex;
  font: var(--_tab-btn-text-font);
  gap: var(--_tab-btn-icon-gap);
  padding: var(--_tab-btn-spacing);
  text-transform: capitalize;
  transition: all 0.4s;
}

.dss-tab-btn:hover {
  --_tab-btn-text-color: var(--dss-color-text-tab-default-hovered);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-default-primary);
  border-bottom: var(--_tab-btn-active-border-height) solid
    var(--_tab-btn-hovered-border-color);
}

.dss-tab-btn.active {
  --_tab-btn-text-color: var(--dss-color-text-tab-default-selected);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-default-primary);
  border-bottom: var(--_tab-btn-active-border-height) solid
    var(--_tab-btn-active-border-color);
}

.dss-tab-btn.disable {
  --_tab-btn-text-color: var(--dss-color-text-tab-default-disabled);
  --_tab-btn-icon-color: var(var(--dss-color-icon-tab-default-disabled));
}

.dss-tab-btn-pill {
  --_tab-btn-border-radius: var(--dss-border-radius-tab-pill-normal);
  --_tab-btn-spacing: var(--dss-spacing-tab-pill-tablist-inset-normal);
  --_tab-btn-bg-color: var(--dss-color-background-tab-pill-unselected);
  --_tab-btn-hovered-border-color: var(--dss-color-border-tab-pill-hovered);
  --_tab-btn-active-border-color: var(--dss-color-border-tab-pill-selected);
  --_tab-btn-active-border-height: var(--dss-spacing-0);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-pill-unselected);
  --_tab-btn-text-color: var(--dss-color-text-tab-pill-unseclect);
  --_tab-btn-text-font: var(--dss-font-tab-pill-uitext-normal);
}

.dss-tab-btn-pill.active {
  --_tab-btn-bg-color: var(--dss-color-background-tab-pill-selected);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-pill-primary);
  --_tab-btn-text-color: var(--dss-color-text-tab-pill-selected);
}

.dss-tab-btn-pill:hover {
  --_tab-btn-bg-color: var(--dss-color-background-tab-pill-hover);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-pill-secondary);
  --_tab-btn-text-color: var(--dss-color-text-tab-pill-hovered);
}

.dss-tab-btn-pill.disable {
  --_tab-btn-text-color: var(--dss-color-text-tab-fill-disabled);
  --_tab-btn-icon-color: var(--dss-color-icon-tab-pill-disabled);
}

.dss-tab .prefix-icon {
  max-height: var(--dss-sizing-tab-default-icon-normal);
  max-width: var(--dss-sizing-tab-default-icon-normal);
  min-height: var(--dss-sizing-tab-default-icon-normal);
  min-width: var(--dss-sizing-tab-default-icon-normal);
}

.dss-tab .prefix-icon svg path,
.dss-tab .prefix-icon svg rect {
  stroke: var(--_tab-btn-icon-color);
  transition: all 0.4s;
}

.dss-tab .suffix-icon {
  max-height: var(--dss-sizing-tab-default-icon-dense);
  max-width: var(--dss-sizing-tab-default-icon-dense);
  min-height: var(--dss-sizing-tab-default-icon-dense);
  min-width: var(--dss-sizing-tab-default-icon-dense);
}

.dss-tab .suffix-icon svg path {
  stroke: var(--_tab-btn-icon-color);
  transition: all 0.4s;
}

.dss-tab-body {
  padding-top: 10px;
}

.dss-toggler {
  --_toggler-gap: var(--dss-spacing-toggle-inline-normal);
  --_toggler-track-width: var(--dss-sizing-toggle-large);
  --_toggler-track-height: var(--dss-sizing-toggle-dense);
  --_toggler-track-bg-color: var(--dss-color-background-toggle-default);
  --_toggler-track-border-color: var(--dss-color-border-toggle-default);
  --_toggler-track-border-radius: var(--dss-border-radius-toggle-normal-full);
  --_toggler-track-border-width: var(--dss-border-width-toggle-normal);
  --_toggler-track-spacing: var(--dss-spacing-toggle-inset-normal);
  --_toggler-knob-size: var(--dss-sizing-toggle-denser);
  --_toggler-knob-offset: var(--dss-sizing-50);
  --_toggler-knob-bg-color: var(--dss-color-background-toggle-switch);
  --_toggler-knob-border-radius: var(--dss-border-radius-full);
  --_toggler-knob-box-shadow: var(
    --dss-box-shadow-toggle-dropshadow-switch-normal
  );
  --_dss-toggler-font: var(--dss-font-toggle-uitext-normal);
  --_dss-toggler-font-color: var(--dss-color-text-toggle-default);
  align-items: center;
  column-gap: var(--_toggler-gap);
  display: flex;
}

.dss-toggler .dss-toggler-elem {
  align-items: center;
  background-color: var(--_toggler-track-bg-color);
  border: var(--_toggler-track-border-width) solid
    var(--_toggler-track-border-color);
  border-radius: var(--_toggler-track-border-radius);
  cursor: pointer;
  display: inline-flex;
  height: var(--_toggler-track-height);
  padding: var(--_toggler-track-spacing);
  position: relative;
  transition: all 0.4s;
  width: var(--_toggler-track-width);
}

.dss-toggler .dss-toggler-elem:hover {
  --_toggler-track-bg-color: var(--dss-color-background-toggle-hovered);
  --_toggler-track-border-color: var(--dss-color-border-toggle-hovered);
  --_dss-toggler-font-color: var(--dss-color-text-toggle-hovered);
}

.dss-toggler .dss-toggler-elem:before {
  aspect-ratio: 1;
  background-color: var(--_toggler-knob-bg-color);
  border-radius: var(--_toggler-knob-border-radius);
  box-shadow: var(--_toggler-knob-box-shadow);
  content: '';
  left: var(--_toggler-knob-offset);
  position: absolute;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  width: var(--_toggler-knob-size);
}

.dss-toggler .dss-toggler-toggler-input {
  display: none;
}

.dss-toggler .dss-toggler-text {
  color: var(--_dss-toggler-font-color);
  font: var(--_dss-toggler-font);
}

.dss-toggler-large {
  --_toggler-track-width: var(--dss-sizing-toggle-extralarge);
  --_toggler-track-height: var(--dss-sizing-toggle-normal);
  --_toggler-gap: var(--dss-spacing-toggle-inline-large);
  --_dss-toggler-font: var(--dss-font-toggle-uitext-large);
  --_toggler-track-border-width: var(--dss-border-width-toggle-large);
  --_toggler-track-border-radius: var(--dss-border-radius-toggle-large-full);
  --_toggler-track-spacing: var(--dss-spacing-toggle-inset-large);
  --_toggler-knob-size: var(--dss-sizing-toggle-dense);
  --_toggler-knob-box-shadow: var(
    --dss-box-shadow-toggle-dropshadow-switch-large
  );
}

.dss-toggler:has(.dss-toggler-toggler-input:checked) .dss-toggler-elem {
  --_toggler-track-bg-color: var(--dss-color-background-toggle-pressed);
  --_toggler-track-border-color: var(--dss-color-border-toggle-pressed);
  --_dss-toggler-font-color: var(--dss-color-text-toggle-pressed);
}

.dss-toggler:has(.dss-toggler-toggler-input:checked) .dss-toggler-elem:before {
  left: calc(100% - var(--_toggler-knob-offset) - var(--_toggler-knob-size));
}

.dss-toggler:has(.dss-toggler-toggler-input:disabled) {
  --_toggler-track-bg-color: var(--dss-color-background-toggle-disabled);
  --_toggler-track-border-color: var(--dss-color-border-toggle-disabled);
  --_dss-toggler-font-color: var(--dss-color-text-toggle-disabled);
  pointer-events: none;
}

.dss-toggler:has(.dss-toggler-toggler-input:disabled):has(
    .dss-toggler-toggler-input:checked
  )
  .dss-toggler-elem {
  --_toggler-track-bg-color: var(--dss-color-background-toggle-disabled);
  --_toggler-track-border-color: var(--dss-color-border-toggle-disabled);
}

.dss-alert {
  --_alert-bg-color: '';
  --_alert-main-gap: var(--dss-spacing-alert-inline-between-text-ctc);
  --_alert-contents-gap: var(--dss-spacing-alert-inline-text-ctc-icononly);
  --_alert-contents-info-gap: var(--dss-spacing-alert-inline-leadingicon-text);
  --_alert-padding: var(--dss-spacing-alert-inset-normal);
  --_alert-border-radius: var(--dss-border-radius-alert-dense);
  --_alert-msg-container-gap: var(--dss-spacing-alert-stack-heading-bodytext);
  --_alert-msg-color: '';
  --_alert-close-size: var(--dss-sizing-800);
  --_alert-action-btn-bg: #0000;
  background-color: var(--_alert-bg-color);
  border-radius: var(--_alert-border-radius);
  display: flex;
  gap: var(--_alert-main-gap);
  min-width: 336px;
  padding: var(--_alert-padding);
}

.dss-alert-informative {
  --_alert-bg-color: var(--dss-color-background-alert-informative);
  --_alert-msg-color: var(--dss-color-text-alert-informative);
  --_alert-icon-color: var(--dss-color-icon-alert-informative);
}

.dss-alert-caution {
  --_alert-bg-color: var(--dss-color-background-alert-caution);
  --_alert-msg-color: var(--dss-color-text-alert-caution);
  --_alert-icon-color: var(--dss-color-icon-alert-caution);
}

.dss-alert-success {
  --_alert-bg-color: var(--dss-color-background-alert-success);
  --_alert-msg-color: var(--dss-color-text-alert-success);
  --_alert-icon-color: var(--dss-color-icon-alert-success);
}

.dss-alert-danger {
  --_alert-bg-color: var(--dss-color-background-alert-danger);
  --_alert-msg-color: var(--dss-color-text-alert-danger);
  --_alert-icon-color: var(--dss-color-icon-alert-danger);
}

.dss-alert .dss-alert-contents-wrapper {
  display: flex;
  flex: 1 1;
  gap: var(--_alert-contents-gap);
  min-width: 0;
}

.dss-alert .dss-alert-contents-info {
  display: flex;
  gap: var(--_alert-contents-info-gap);
}

.dss-alert-icon {
  max-height: var(--dss-sizing-alert-icon-normal);
  max-width: var(--dss-sizing-alert-icon-normal);
  min-height: var(--dss-sizing-alert-icon-normal);
  min-width: var(--dss-sizing-alert-icon-normal);
}

.dss-alert-icon svg > * {
  stroke: var(--_alert-icon-color);
}

.dss-alert-msg {
  color: var(--_alert-msg-color);
  font: var(--dss-font-alert-text-heading-large);
}

.dss-alert-desc {
  color: var(--_alert-msg-color);
  font: var(--dss-font-alert-text-body-normal);
}

.dss-alert-msg-container {
  display: flex;
  gap: var(--_alert-msg-container-gap);
  justify-content: space-between;
  width: 100%;
}

.dss-alert-btn-group {
  align-items: baseline;
  gap: var(--_alert-main-gap);
}

.dss-alert-close-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: auto;
  max-height: var(--_alert-close-size);
  max-width: var(--_alert-close-size);
  min-height: var(--_alert-close-size);
  min-width: var(--_alert-close-size);
}

.dss-alert-close-icon svg {
  min-width: 12px;
}

.dss-alert-close-icon svg > * {
  stroke: var(--_alert-icon-color);
  stroke-width: 1;
}

.dss-alert-action-footer {
  flex-direction: column;
}

.pagination {
  --pagination-size: var(--dss-sizing-pagination-normal);
  gap: var(--dss-spacing-pagination-inline-between-counts);
}

.pagination .pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
}

.pagination .pagination-list-icon svg * {
  stroke: var(--dss-color-icon-pagination-default);
  transition: all 0.4s;
}

.pagination .pagination-list-disabled.pagination-list-icon svg * {
  stroke: var(--dss-color-icon-pagination-disabled);
}

.pagination .pagination-list .pagination-list-item {
  align-items: center;
  aspect-ratio: 1;
  border-radius: var(--dss-border-radius-pagination-normal);
  border-width: var(--dss-border-width-pagination-normal);
  color: var(--dss-color-text-pagination-default);
  cursor: pointer;
  display: flex;
  font: var(--dss-font-pagination-text-normal);
  justify-content: center;
  max-width: var(--pagination-size);
  min-width: var(--pagination-size);
  transition: all 0.3s;
}

.pagination .pagination-list .pagination-list-item.active,
.pagination
  .pagination-list:hover:not(:first-child):not(:last-child)
  .pagination-list-item:not(.active) {
  background-color: var(--dss-color-background-pagination-pressed);
  color: var(--dss-color-text-pagination-pressed);
}

.custom-radius-wrapper {
  margin: 0 var(--plt-space-600);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.35s;
}

.custom-radius-wrapper.active {
  max-height: max-content;
  opacity: 1;
}

.custom-radius-detail {
  flex-wrap: wrap;
  margin-top: var(--plt-space-400);
  max-width: 174px;
  row-gap: var(--plt-space-400);
  transition: all 0.35s;
}

.custom-radius-detail .plt-select-dropdown-wrapper {
  max-width: 75px;
  min-width: 75px;
}

.custom-radius-detail .modal-value-block {
  align-items: center;
  border: var(--plt-border-width-100) solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-100);
  display: flex;
  height: 48px;
  padding: var(--plt-space-200) var(--plt-space-300);
}

.custom-radius-detail .dss-border-radius {
  display: block;
  height: 16px;
  width: 16px;
}

.custom-radius-detail .dss-border-radius-top-lft {
  border-left: 2px solid #000;
  border-top: 2px solid #000;
}

.custom-radius-detail .dss-border-radius-top-rgt {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
}

.custom-radius-detail .dss-border-radius-btm-lft {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
}

.custom-radius-detail .dss-border-radius-btm-rgt {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}

.custom-radius-detail .dss-border-radius-value {
  border: none;
  display: flex;
  width: 24px;
}

.custom-radius-detail .dss-border-radius-value,
.custom-radius-detail .dss-border-radius-value::placeholder {
  color: var(--dss-font-color-tertiary);
  font-family: var(--dss-body-compact-sm-font-family);
  font-size: var(--dss-body-compact-sm-font-size);
  font-weight: var(--dss-body-compact-sm-font-weight);
  line-height: var(--dss-body-compact-sm-line-height);
}

.custom-radius-detail .dss-border-radius-value:focus-visible {
  border: none;
  outline: none;
}

.plt-iconbtn.custom-radius-btn {
  border-radius: var(--plt-border-radius-100);
}

.radius-card-wrapper .plt-common-card .plt-common-card-img-box {
  border: 1px solid var(--plt-border-secondary);
}

.radius-card-wrapper .plt-common-card .dss-radius-small {
  border-radius: var(--dss-border-radius-150);
}

.radius-card-wrapper .plt-common-card .dss-radius-medium {
  border-radius: var(--dss-border-radius-400);
}

.radius-card-wrapper .plt-common-card .dss-radius-large {
  border-radius: var(--dss-border-radius-700);
}

.radius-card-wrapper .plt-common-card .dss-radius-full {
  border-radius: var(--dss-border-radius-full);
}

.radius-modal-detail {
  align-items: flex-end;
  padding: 0 var(--plt-space-600);
}

.radius-modal-detail .plt-select-dropdown-wrapper {
  max-width: 202px;
}

.dss-spacing-size {
  background: var(--dss-color-semantics-informative-300);
  height: 28px;
}

.input-container {
  align-items: center;
  display: flex;
  position: relative;
  width: 20%;
}

.input-field {
  box-sizing: border-box;
  padding-right: 20px;
  width: 100%;
}

.input-suffix {
  right: 10px;
}

.input-prefix,
.input-suffix {
  pointer-events: none;
  position: absolute;
}

.input-prefix {
  left: 16px;
}

.plt-spacing-scale-token-table,
.plt-spacing-scale-token-table td,
.plt-spacing-scale-token-table th,
.plt-spacing-scale-token-table tr {
  vertical-align: middle;
}

.plt-spacing-scale-token-table td {
  padding: 10px var(--plt-space-400);
}

.dss-toaster {
  --_toaster-spacing: var(--dss-spacing-toaster-inset-normal);
  --_toaster-border-radius: var(--dss-border-radius-toaster-normal);
  --_toaster-border-width: var(--dss-border-width-toaster-normal);
  --_toaster-bg-color: var(--dss-color-background-toaster-default);
  --_toaster-msg-container-gap: var(
    --dss-spacing-toaster-inline-leadingicon-messagetext
  );
  --_toaster-content-gap: var(
    --dss-spacing-toaster-inline-messagetext-closeicon
  );
  --_toaster-msg-color: var(--dss-color-text-toaster-primary);
  --_toaster-msg-font: var(--dss-font-toaster-uitext-message-text-normal);
  --_toaster-leadingicon-size: var(--dss-sizing-toaster-icon-large);
  --_toaster-close-size: var(--dss-sizing-button-icononly-normal);
  --_toaster-close-border-radius: var(--dss-border-radius-toaster-normal);
  --_toaster-action-btn-bg: #0000;
  align-items: center;
  background-color: var(--_toaster-bg-color);
  border-radius: var(--_toaster-border-radius);
  display: flex;
  gap: var(--_toaster-content-gap);
  min-width: 328px;
  padding: var(--_toaster-spacing);
}

.dss-toaster:hover {
  --_toaster-bg-color: var(--dss-color-background-toaster-hovered);
}

.dss-toaster:active {
  --_toaster-bg-color: var(--dss-color-background-toaster-pressed);
}

.dss-toaster-leading {
  display: flex;
  gap: var(--_toaster-msg-container-gap);
  width: 100%;
}

.dss-toaster-trailing {
  display: flex;
  gap: var(--dss-spacing-toaster-inline-actionlink-closeicon);
}

.dss-toaster-msg {
  color: var(--_toaster-msg-color);
  font: var(--_toaster-msg-font);
}

.dss-toaster-msg-container {
  display: flex;
  gap: var(--_toaster-msg-container-gap);
  justify-content: space-between;
  width: 100%;
}

.dss-toaster-close-icon {
  align-items: center;
  border-radius: var(--_toaster-close-border-radius);
  border-radius: var(--dss-border-radius-full);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: auto;
  max-height: var(--_toaster-close-size);
  max-width: var(--_toaster-close-size);
  min-height: var(--_toaster-close-size);
  min-width: var(--_toaster-close-size);
}

.dss-toaster-action-footer {
  --_toaster-msg-container-gap: var(
    --dss-spacing-toaster-stack-messagetext-actionlink
  );
  flex-direction: column;
}

.dss-input {
  --_input-wrapper-gap: var(
    --dss-spacing-textfield-default-normal-stack-field-helpertext
  );
  --_input-label-wrapper-gap: var(
    --dss-spacing-textfield-default-normal-stack-label-field
  );
  --_input-leading-gap: var(
    --dss-spacing-textfield-default-normal-inline-leadingicon-prefix-value
  );
  --_input-trailing-gap: var(
    --dss-spacing-textfield-default-normal-inline-suffix-traillingicon
  );
  --_input-validation-content-gap: var(
    --dss-spacing-textfield-default-normal-inline-validatioicon-helpertext
  );
  --_input-label-color: var(--dss-color-text-textfield-secondary);
  --_input-spacing: var(--dss-spacing-textfield-default-inset-normal);
  --_input-bg-color: var(--dss-color-background-textfield-inactive);
  --_input-border-width: var(--dss-border-width-textfield-normal);
  --_input-border-color: var(--dss-color-border-textfield-inactive);
  --_input-border-color-hover: var(--dss-color-border-textfield-focused);
  --_input-border-color-focused: var(--dss-color-border-textfield-focused);
  --_input-border-color-filled: var(--dss-color-border-textfield-filled);
  --_input-border-color-disabled: var(--dss-color-border-textfield-disabled);
  --_input-border-color-error: var(--dss-color-border-textfield-negative);
  --_input-border-color-readonly: var(--dss-color-border-textfield-readonly);
  --_input-active-border-color: var(--dss-color-border-textfield-filled);
  --_input-border-radius: var(--dss-border-radius-textfield-normal);
  --_input-placeholder-color: var(--dss-color-text-textfield-placeholder);
  --_input-valuetext-font: var(--dss-font-textfield-uitext-valuetext-normal);
  --_input-label-font: var(--dss-font-textfield-uitext-label-normal);
  --_input-text-color: var(--dss-color-text-textfield-primary);
  --_input-cursor: text;
  --_input-prefix-color: var(--dss-color-text-textfield-tertiary);
  --_input-validation-color: var(--dss-color-text-textfield-negative);
  --_input-validation-font: var(--dss-font-textfield-uitext-validation-normal);
}

.dss-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--_input-wrapper-gap);
  max-width: 392px;
  min-width: 392px;
}

.dss-input-label-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--_input-label-wrapper-gap);
}

.dss-input-label {
  color: var(--_input-label-color);
  font: var(--_input-label-font);
  text-transform: capitalize;
}

.dss-input-icon {
  max-height: var(--dss-sizing-textfield-icon-normal);
  max-width: var(--dss-sizing-textfield-icon-normal);
  min-height: var(--dss-sizing-textfield-icon-normal);
  min-width: var(--dss-sizing-textfield-icon-normal);
}

.dss-input-container {
  align-items: center;
  background-color: var(--_input-bg-color);
  border: var(--_input-border-width) solid var(--_input-border-color);
  border-radius: var(--_input-border-radius);
  cursor: var(--_input-cursor);
  display: flex;
  min-height: 44px;
  padding: var(--_input-spacing);
}

.dss-input-container .dss-input-field {
  background-color: #0000;
  border: none !important;
  color: var(--_input-text-color);
  cursor: var(--_input-cursor);
  flex: 1 1;
  font: var(--_input-valuetext-font);
  outline: none;
  resize: none;
  transition: all 0.35s;
}

.dss-input-container .dss-input-field::placeholder {
  color: var(--_input-placeholder-color);
  font: var(--_input-valuetext-font);
}

.dss-input-container:hover {
  --_input-border-color: var(--_input-border-color-hover);
}

.dss-input-container.focused {
  --_input-border-color: var(--_input-border-color-focused);
  --_input-bg-color: var(--dss-color-background-textfield-focused);
}

.dss-input-container.filled {
  --_input-border-color: var(--_input-border-color-filled);
  --_input-bg-color: var(--dss-color-background-textfield-filled);
}

.dss-input-container.disabled {
  --_input-border-color: var(--_input-border-color-disabled);
  --_input-bg-color: var(--dss-color-background-textfield-disabled);
}

.dss-input-container.has-value {
  --_input-border-color: var(--_input-border-color-filled);
}

.dss-input-container.error {
  --_input-border-color: var(--_input-border-color-error);
}

.dss-input-container.readonly {
  --_input-border-color: var(--dss-color-border-textfield-default-readonly);
  --_input-bg-color: var(--dss-color-background-textfield-readonly);
}

.dss-input-leading {
  align-items: center;
  display: flex;
  gap: var(--_input-leading-gap);
}

.dss-input-trailing {
  align-items: center;
  display: flex;
  gap: var(--_input-trailing-gap);
}

.dss-input.disabled {
  --_input-label-color: var(--dss-color-text-textfield-disabled);
  --_input-border-color: var(--_input-border-color-disabled);
  --_input-active-border-color: var(
    --dss-color-border-textfield-default-disabled
  );
  --_input-bg-color: var(--dss-color-background-textfield-disabled);
  --_input-prefix-color: var(--dss-color-text-textfield-disabled);
  --_input-cursor: no-drop;
  pointer-events: none;
}

.dss-input.disabled .dss-input-icon svg * {
  stroke: var(--dss-color-text-textfield-disabled);
}

.dss-input.read-only {
  --_input-bg-color: var(--dss-color-background-textfield-readonly);
  --_input-active-border-color: var(--dss-color-border-textfield-readonly);
  border-color: var(--_input-border-color-readonly);
}

.dss-input .dss-prefix-text,
.dss-input .dss-suffix-text {
  color: var(--_input-prefix-color);
  font: var(--_input-valuetext-font);
}

.dss-input .dss-error-container {
  align-items: center;
  display: flex;
  display: none;
  gap: var(--_input-validation-content-gap);
  opacity: 0;
  transform: translateY(-6px);
  transition: all 0.4s;
  visibility: hidden;
  z-index: 1;
}

.dss-input .dss-error-container.active {
  display: inline-flex;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.dss-input .dss-error-container .dss-error-message {
  color: var(--_input-validation-color);
  font: var(--_input-validation-font);
}

.dss-input .has-value {
  --_input-border-color: var(--_input-border-color-filled);
}

.dss-input-fluid {
  --_input-wrapper-gap: var(
    --dss-spacing-textfield-fluid-normal-stack-field-helpertext
  );
  --_input-leading-gap: var(
    --dss-spacing-textfield-fluid-normal-inline-prefix-value
  );
  --_input-trailing-gap: var(
    --dss-spacing-textfield-fluid-normal-inline-sufix-traillingicon
  );
  --_input-validation-content-gap: var(
    --dss-spacing-textfield-fluid-normal-inline-validatioicon-helpertext
  );
  --_input-spacing: var(--dss-spacing-textfield-fluid-inset-normal);
  max-width: 100%;
  min-width: 100%;
}

.dss-input-fluid .dss-input-container {
  --floating-label-active-transform: scale(1) translateY(-11px) translateX(0px);
  position: relative;
}

.dss-input-fluid .dss-input-container .dss-input-label {
  left: var(--floating-label-x);
  position: absolute;
  transform: var(--floating-label-transform);
  transform-origin: 0 0;
  transition: all 0.4s;
  z-index: 1;
}

.dss-input-fluid .dss-input-container.focused .dss-input-label,
.dss-input-fluid .dss-input-container.has-value .dss-input-label {
  --floating-label-transform: var(--floating-label-active-transform);
}

.dss-input-fluid .dss-input-container .dss-input-field {
  padding: 19px 0 0;
}

.dss-input-fluid .dss-input-container.leadingicon .dss-input-label {
  --floating-label-x: 36px;
}

.dss-input-fluid .dss-input-container.prefix .dss-prefix-text {
  display: none;
}

.dss-input-fluid .dss-input-container.focused.prefix .dss-prefix-text,
.dss-input-fluid .dss-input-container.has-value.prefix .dss-prefix-text {
  display: block;
  margin-top: 18px;
}

.dss-input-fluid .dss-input-container.withtag .dss-input-label {
  --floating-label-transform: var(--floating-label-active-transform);
}

.dss-input-fluid .dss-input-container.withtag .dss-prefix-text {
  display: block;
  margin-top: 18px;
}

.dss-input-fluid .dss-input-container.withtag .dss-tag {
  margin-top: 18px;
}

.dss-input-sm {
  --_input-border-radius: var(--dss-border-radius-textfield-dense);
  --_input-border-width: var(--dss-border-width-textfield-dense);
  --_input-spacing: var(--dss-spacing-textfield-default-inset-dense);
  --_input-wrapper-gap: var(
    --dss-spacing-textfield-default-dense-stack-field-helpertext
  );
  --_input-label-wrapper-gap: var(
    --dss-spacing-textfield-default-dense-stack-label-field
  );
  --_input-leading-gap: var(
    --dss-spacing-textfield-default-dense-inline-leadingicon-prefix-value
  );
  --_input-trailing-gap: var(
    --dss-spacing-textfield-default-dense-inline-suffix-traillingicon
  );
  --_input-validation-content-gap: var(
    --dss-spacing-textfield-default-dense-inline-validatioicon-helpertext
  );
  --_input-valuetext-font: var(--dss-font-textfield-uitext-valuetext-dense);
  --_input-label-font: var(--dss-font-textfield-uitext-label-dense);
  --_input-validation-font: var(--dss-font-textfield-uitext-validation-dense);
  min-width: 327px;
}

.dss-input-sm .dss-input-container {
  --_input-border-radius: var(--dss-border-radius-textfield-dense);
  min-height: 36px;
}

.dss-input-sm .dss-input-icon {
  max-height: var(--dss-sizing-textfield-icon-dense);
  max-width: var(--dss-sizing-textfield-icon-dense);
  min-height: var(--dss-sizing-textfield-icon-dense);
  min-width: var(--dss-sizing-textfield-icon-dense);
}

.dss-input-sm.dss-input-fluid {
  --_input-wrapper-gap: var(
    --dss-spacing-textfield-fluid-dense-stack-field-helpertext
  );
  --_input-leading-gap: var(
    --dss-spacing-textfield-fluid-dense-inline-prefix-value
  );
  --_input-trailing-gap: var(
    --dss-spacing-textfield-fluid-dense-inline-sufix-traillingicon
  );
  --_input-validation-content-gap: var(
    --dss-spacing-textfield-fluid-dense-inline-validatioicon-helpertext
  );
  --_input-spacing: var(--dss-spacing-textfield-fluid-inset-dense);
  min-width: 100%;
}

.dss-input-sm.dss-input-fluid .dss-input-container {
  --_input-spacing: var(--dss-spacing-textfield-fluid-inset-dense);
  min-height: 44px;
}

.avatar {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-normal);
  --_dss-avatar-font-color: var(--dss-color-text-avatar-textonly-primary);
  --_dss-avatar-bg-color: var(--dss-color-background-avatar-silhouette-default);
  --_dss-avatar-border-width: var(--dss-border-width-avatar-default-normal);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatar-default-full);
  --_dss-avatar-status-size: var(--dss-sizing-avatar-default-statusicon-large);
  --_dss-avatar-active-size: var(--dss-sizing-avatar-silhouette-icon-normal);
  --_dss-avatar-user-size: 100%;
  align-items: center;
  background-color: var(--_dss-avatar-bg-color);
  border-radius: var(--_dss-avatar-border-radius);
  box-sizing: border-box;
  color: var(--_dss-avatar-font-color);
  display: flex;
  flex-shrink: 0;
  height: var(--_dss-avatar-size);
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: var(--_dss-avatar-size);
}

.avatar .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-normal);
  font: var(--_dss-avatar-font-size);
}

.avatar:has(img) img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.avatar.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-normal);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatar-silhouette-full);
  --_dss-avatar-bg-color: var(--dss-color-background-avatar-silhouette-default);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-silhouette-statusicon-large
  );
}

.avatar.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-normal);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatar-textonly-full);
  --_dss-avatar-bg-color: var(
    --dss-color-background-avatar-textonly-silhouette-default
  );
  --_dss-avatar-status-size: var(--dss-sizing-avatar-textonly-statusicon-large);
}

.avatar:has(svg) {
  --_dss-avatar-user-size: var(--dss-sizing-avatar-silhouette-icon-normal);
}

.avatar:has(svg) svg {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  height: var(--_dss-avatar-user-size);
  min-width: var(--_dss-avatar-user-size);
}

.avatar-xxl {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-extraextralarge);
}

.avatar-xxl.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-extraextralarge);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-silhouette-statusicon-extraextralarge
  );
}

.avatar-xxl.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-extraextralarge);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-textonly-statusicon-extraextralarge
  );
}

.avatar-xxl:has(svg) {
  --_dss-avatar-user-size: var(
    --dss-sizing-avatar-silhouette-icon-extraextralarge
  );
}

.avatar-xxl .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-extraextralarge);
}

.avatar-xl {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-extralarge);
}

.avatar-xl.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-extralarge);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-silhouette-statusicon-extralarge
  );
}

.avatar-xl.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-extralarge);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-textonly-statusicon-extralarge
  );
}

.avatar-xl:has(svg) {
  --_dss-avatar-user-size: var(--dss-sizing-avatar-silhouette-icon-extralarge);
}

.avatar-xl .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-extralarge);
}

.avatar-lg {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-large);
}

.avatar-lg.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-large);
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-silhouette-statusicon-large
  );
}

.avatar-lg.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-large);
}

.avatar-lg:has(svg) {
  --_dss-avatar-user-size: var(--dss-sizing-avatar-silhouette-icon-large);
}

.avatar-lg .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-large);
}

.avatar-sm {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-dense);
}

.avatar-sm.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-dense);
}

.avatar-sm.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-dense);
}

.avatar-sm:has(svg) {
  --_dss-avatar-user-size: var(--dss-sizing-avatar-silhouette-icon-dense);
}

.avatar-sm .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-dense);
}

.avatar-xs {
  --_dss-avatar-size: var(--dss-sizing-avatar-default-denser);
}

.avatar-xs.silhouette {
  --_dss-avatar-size: var(--dss-sizing-avatar-silhouette-denser);
}

.avatar-xs.textonly {
  --_dss-avatar-size: var(--dss-sizing-avatar-textonly-denser);
}

.avatar-xs:has(svg) {
  --_dss-avatar-user-size: var(--dss-sizing-avatar-silhouette-icon-denser);
}

.avatar-xs .avatar-text {
  --_dss-avatar-font-size: var(--dss-font-avatar-textonly-denser);
}

.avatar-badge {
  --_dss-avatar-badge-border-color: var(
    --dss-color-border-avatar-default-statusactive
  );
  --_dss-avatar-badge-border-width: var(
    --dss-border-width-avatar-default-normal
  );
  --_dss-avatar-badge-bg-color: var(
    --dss-color-background-avatar-silhouette-statusactive
  );
  --_dss-avatar-active-border-color: var(
    --dss-color-border-avatar-default-primary
  );
  --_dss-avatar-status-top-position: 0;
  --_dss-avatar-status-right-position: 0;
  --_dss-avatar-active-right-position: 0;
  --_dss-avatar-active-bottom-position: 0;
  --_dss-avatar-active-bg-color: var(
    --dss-color-background-avatar-textonly-silhouette-statusactive
  );
  display: inline-flex;
  position: relative;
}

.avatar-badge .avatar-xxl + .avatar-status {
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-default-statusicon-extraextralarge
  );
  --_dss-avatar-status-top-position: 8px;
  --_dss-avatar-status-right-position: 8px;
}

.avatar-badge .avatar-xxl + .avatar-active {
  --_dss-avatar-active-right-position: 17px;
}

.avatar-badge .avatar-xl + .avatar-status {
  --_dss-avatar-status-size: var(
    --dss-sizing-avatar-default-statusicon-extralarge
  );
  --_dss-avatar-status-right-position: 8px;
}

.avatar-badge .avatar-xl + .avatar-active {
  --_dss-avatar-active-right-position: 9px;
  --_dss-avatar-active-bottom-position: 0px;
}

.avatar-badge .avatar-lg + .avatar-status {
  --_dss-avatar-status-size: var(--dss-sizing-avatar-default-statusicon-large);
}

.avatar-badge .avatar-lg + .avatar-active {
  --_dss-avatar-active-right-position: 2px;
  --_dss-avatar-active-bottom-position: 2px;
}

.avatar-badge .avatar-status {
  background: var(--_dss-avatar-badge-bg-color);
  border: var(--_dss-avatar-badge-border-width) solid
    var(--_dss-avatar-badge-border-color);
  border-radius: var(--dss-border-radius-avatar-default-status-full);
  height: var(--_dss-avatar-status-size);
  right: var(--_dss-avatar-status-right-position);
  top: var(--_dss-avatar-status-top-position);
  width: var(--_dss-avatar-status-size);
}

.avatar-badge .avatar-active,
.avatar-badge .avatar-status {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: absolute;
}

.avatar-badge .avatar-active {
  --_dss-avatar-active-size: var(--dss-sizing-avatar-silhouette-icon-normal);
  background: var(--_dss-avatar-active-bg-color);
  border: var(--_dss-avatar-badge-border-width) solid
    var(--_dss-avatar-active-border-color);
  border-radius: var(--dss-border-radius-avatar-default-full);
  bottom: var(--_dss-avatar-active-bottom-position);
  height: var(--_dss-avatar-active-size);
  right: var(--_dss-avatar-active-right-position);
  width: var(--_dss-avatar-active-size);
}

.avatar-group {
  --_dss-avatargroup-count-bg-color: var(
    --dss-color-background-avatargroup-primary
  );
  --_dss-avatargroup-count-border-color: var(
    --dss-color-border-avatargroup-secondary
  );
  --_dss-avatargroup-count-font-color: var(
    --dss-color-text-avatargroup-primary
  );
  --_dss-avatargroup-count-font-size: var(--dss-font-avatargroup-text-dense);
  --_dss-avatargroup-border-width: var(--dss-border-width-avatargroup-dense);
  --_dss-avatargroup-border-color: var(--dss-color-border-avatargroup-primary);
  --_dss-avatargroup-inline: var(--dss-spacing-avatargroup-inline-normal);
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  position: relative;
}

.avatar-group .avatar {
  border: var(--_dss-avatargroup-border-width) solid
    var(--_dss-avatargroup-border-color);
  margin-right: var(--_dss-avatargroup-inline);
}

.avatar-group .avatar-lg {
  --_dss-avatar-size: var(--dss-sizing-avatargroup-large);
  --_dss-avatargroup-border-width: var(--dss-border-width-avatargroup-large);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatargroup-large-full);
  --_dss-avatargroup-count-font-size: var(--dss-font-avatargroup-text-normal);
  --_dss-avatargroup-inline: var(--dss-spacing-avatargroup-inline-large);
}

.avatar-group .avatar-md {
  --_dss-avatar-size: var(--dss-sizing-avatargroup-normal);
  --_dss-avatargroup-border-width: var(--dss-border-width-avatargroup-normal);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatargroup-normal-full);
  --_dss-avatargroup-count-font-size: var(--dss-font-avatargroup-text-dense);
}

.avatar-group .avatar-sm {
  --_dss-avatar-size: var(--dss-sizing-avatargroup-dense);
  --_dss-avatargroup-border-width: var(--dss-border-width-avatargroup-dense);
  --_dss-avatar-border-radius: var(--dss-border-radius-avatargroup-dense-full);
  --_dss-avatargroup-count-font-size: var(--dss-font-avatargroup-text-denser);
  --_dss-avatargroup-inline: var(--dss-spacing-avatargroup-inline-dense);
}

.avatar-group-count {
  --_dss-avatargroup-border-color: var(
    --dss-color-border-avatargroup-secondary
  );
  background-color: var(--_dss-avatargroup-count-bg-color);
  color: var(--_dss-avatargroup-count-font-color);
  font: var(--_dss-avatargroup-count-font-size);
}

.dss-scale-table-container {
  overflow: auto;
}

.dss-scale-table th {
  background-color: var(--dss-color-background-table-headercell-default);
  color: var(--dss-color-text-table-secondary);
  font: var(--dss-font-table-header-cell-normal);
  padding: var(--dss-spacing-table-headercell-inset-normal);
}

.dss-scale-table th:hover {
  background-color: var(--dss-color-background-table-headercell-hovered);
}

.dss-scale-table td {
  background-color: var(--dss-color-background-table-bodycell-default);
  color: var(--dss-color-text-table-primary);
  font: var(--dss-font-table-body-cell-sub-text-normal);
  padding: var(--dss-spacing-table-bodycell-inset-normal);
}

.dss-scale-table td:hover {
  background-color: var(--dss-color-background-table-bodycell-hovered);
}

.dss-scale-table {
  width: 100%;
}

.dss-scale-table,
.dss-scale-table td,
.dss-scale-table th,
.dss-scale-table tr {
  border: var(--dss-border-width-table-normal) solid
    var(--dss-color-border-table-default-stroke);
  border-collapse: collapse;
  border-radius: var(--dss-border-radius-table-normal);
  text-align: left;
  vertical-align: top;
}

.dss-modal-content {
  background: var(--dss-color-background-modal-surface);
  border: var(--dss-border-width-modal-dense) solid
    var(--dss-color-border-modal-stroke);
  border-radius: var(--dss-border-radius-modal-normal)
    var(--dss-border-radius-modal-normal) 0 0;
  max-width: 800px;
  min-width: 472px;
}

.dss-iconbtn {
  cursor: pointer;
  justify-content: center;
  padding: 0;
  transition: all 0.35s;
}

.dss-iconbtn,
.dss-modal-header {
  align-items: center;
  display: flex;
}

.dss-modal-header {
  justify-content: space-between;
  padding: var(--dss-spacing-modal-header-inset-large);
}

.dss-modal-header-leading {
  align-items: center;
  display: flex;
  gap: var(--dss-spacing-modal-header-inline-leadingicon-titletext);
}

.dss-modal-header .dss-modal-header-icon {
  max-height: var(--dss-sizing-modal-dense);
  max-width: var(--dss-sizing-modal-dense);
  min-height: var(--dss-sizing-modal-dense);
  min-width: var(--dss-sizing-modal-dense);
}

.dss-modal-header-title {
  color: var(--dss-color-text-primary);
  font: var(--dss-font-modal-text-normal);
}

.dss-modal-close-icon {
  background: #0000;
  cursor: pointer;
  transition: all 0.4s;
}

.dss-modal-close-icon:hover {
  transition: all 0.35s;
}

.dss-modal-body {
  background: var(--dss-color-background-modal-surface);
  border: var(--dss-border-width-modal-dense) solid
    var(--dss-color-border-modal-stroke);
  border-radius: var(--dss-border-radius-modal-dense);
  max-height: calc(100vh - 210px);
  min-height: 100%;
  min-width: 472px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dss-preview {
  display: flex;
  font: var(--dss-font-modal-text-normal);
  justify-content: center;
  padding: var(--dss-spacing-modal-body-inset-large);
  position: sticky;
  top: 0;
  z-index: 2;
}

.dss-modal-footer {
  background: var(--dss-color-background-modal-surface);
  border-radius: var(--dss-border-radius-modal-dense)
    var(--dss-border-radius-modal-dense) var(--dss-border-radius-modal-normal)
    var(--dss-border-radius-modal-normal);
  display: flex;
  gap: var(--dss-spacing-modal-footer-inline-between-ctc);
  justify-content: flex-end;
  min-width: 472px;
  padding: var(--dss-spacing-modal-footer-inset-large);
}

.upload-btn {
  background: #0000;
  border: none;
  max-height: var(--plt-size-400);
  max-width: var(--plt-size-400);
  min-height: var(--plt-size-400);
  min-width: var(--plt-size-400);
}

.dss-empty-state-box {
  align-items: center;
  background: var(--dss-color-background-emptystate-surface);
  border-color: var(--dss-color-border-emptystate-default);
  border-radius: var(--dss-border-radius-emptystate-dense);
  border-width: var(--dss-border-width-emptystate-normal);
  flex-direction: column;
  gap: var(--dss-spacing-emptystate-stack-icon-text);
  justify-content: center;
  padding: var(--dss-spacing-emptystate-inset-large);
  text-align: center;
  width: 100%;
}

.dss-empty-state-img {
  max-width: 75px;
  min-width: 75px;
}

.dss-empty-state-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--dss-spacing-emptystate-stack-text-ctc);
}

.dss-empty-state-content {
  display: flex;
  flex-direction: column;
  gap: var(--dss-spacing-emptystate-stack-text-subtext);
}

.dss-empty-state-text {
  color: var(--dss-color-text-emptystate-primary);
  font: var(--dss-font-emptystate-text-large);
}

.dss-empty-state-para {
  color: var(--dss-color-text-emptystate-secondary);
  font: var(--dss-font-emptystate-text-normal);
}

.plt-component-empty-card {
  align-items: center;
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
  display: flex;
  justify-content: center;
  padding: 50px 26px;
}

.CircularProgressbar {
  vertical-align: middle;
  width: 100%;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  dominant-baseline: middle;
  text-anchor: middle;
  font-size: 20px;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

.CircularProgressbar.CircularProgressbar-inverted
  .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: #0000;
}

.modal-value-block .eye-button {
  cursor: pointer;
  display: flex;
  height: 100%;
  position: absolute;
  right: 8px;
  top: 0;
}

.plt-verification-link-wrapper {
  margin: 0 var(--plt-space-600);
  max-width: 445px;
}

.plt-verification-otp-wrapper {
  margin: 0 var(--plt-space-600);
  max-width: 450px;
}

.account-container {
  max-width: 790px;
}

.account-container .image-dropdown {
  gap: var(--plt-space-500);
  position: relative;
}

.account-container .image-dropdown .user-image {
  max-height: 96px;
  max-width: 96px;
  min-height: 96px;
  min-width: 96px;
}

.account-container .image-dropdown .image-edit-wrapper .image-edit-list {
  gap: var(--plt-space-200);
  list-style: none;
}

.account-container .filetype[type='file'] {
  height: 0;
  overflow: hidden;
  width: 0;
}

.account-container .filetype[type='file'] + label {
  outline: none;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
}

.account-container .account-row {
  gap: var(--plt-space-500);
}

.account-container .account-row .plt-select-dropdown-wrapper {
  flex: 1 1;
}

.plt-plan-box .plan-wrapper {
  border-bottom: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300) var(--plt-border-radius-300) 0 0;
}

.plt-plan-box .plan-wrapper .plan-detail-content {
  gap: var(--plt-space-1200);
}

.plt-plan-box .plan-detail-btn {
  margin-left: auto;
}

.plan-steps-wrapper {
  gap: var(--plt-space-1200);
}

.plan-steps-wrapper .plan-steps-img {
  max-height: var(--plt-size-1000);
  max-width: var(--plt-size-1000);
  min-height: var(--plt-size-1000);
  min-width: var(--plt-size-1000);
}

.plt-payment-box {
  max-width: 720px;
}

.plt-payment-box .payment-img {
  align-items: center;
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-100);
  display: flex;
  justify-content: center;
  max-height: 36px;
  max-width: 70px;
  min-height: 36px;
  min-width: 70px;
}

.plt-payment-box .plt-badge {
  border-radius: var(--plt-border-radius-700);
}

.plt-payment-box .payment-delete {
  margin-left: auto;
}

.plt-payment-box .payment-delete svg * {
  stroke: var(--plt-icon-negative);
}

.plt-settings-table .plt-table-container {
  max-width: 100%;
}

.plt-settings-table .plt-table-container table th {
  font-weight: var(--plt-font-weight-semi-bold);
}

.plt-settings-table .plt-table-container table td {
  vertical-align: middle;
}

.plt-settings-table .plt-table-container table .user-image {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.payment-content {
  display: flex;
  flex-direction: column;
  gap: var(--plt-space-200);
}

.payment-content
  .plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label,
.payment-content
  .plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label {
  font-size: var(--plt-body-md-font-size);
}

.payment-block {
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-300);
  max-width: 442px;
}

.payment-method-modal .card-detail {
  column-gap: var(--plt-space-300);
}

.payment-method-modal .plt-modal-footer {
  display: none;
}

.payment-method-modal .radio-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}

.payment-method-modal .radio-dropdown.active {
  max-height: max-content;
}

.payment-method-modal .radio-dropdown .plt-modal-footer {
  display: flex;
}

.plt-file-group {
  list-style: none;
}

.plt-file-group .plt-file-list {
  gap: var(--plt-space-300);
  margin-top: var(--plt-space-300);
}

.plt-file-group .plt-file-list .plt-member-img,
.plt-file-group .plt-file-list .plt-member-img img {
  max-height: var(--plt-size-600);
  max-width: var(--plt-size-600);
  min-height: var(--plt-size-600);
  min-width: var(--plt-size-600);
}

.szh-menu {
  background-color: #fff;
  border: 1px solid #0000001a;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  width: max-content;
  z-index: 100;
}

.szh-menu:focus {
  outline: none;
}

.szh-menu__arrow {
  background-color: #fff;
  border-color: #0000001a #0000 #0000 #0000001a;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  height: 0.75rem;
  width: 0.75rem;
  z-index: -1;
}

.szh-menu__arrow--dir-left {
  right: -0.375rem;
  transform: translateY(-50%) rotate(135deg);
}

.szh-menu__arrow--dir-right {
  left: -0.375rem;
  transform: translateY(-50%) rotate(-45deg);
}

.szh-menu__arrow--dir-top {
  bottom: -0.375rem;
  transform: translateX(-50%) rotate(-135deg);
}

.szh-menu__arrow--dir-bottom {
  top: -0.375rem;
  transform: translateX(-50%) rotate(45deg);
}

.szh-menu__item {
  cursor: pointer;
}

.szh-menu__item:focus {
  outline: none;
}

.szh-menu__item--hover {
  background-color: #ebebeb;
}

.szh-menu__item--focusable {
  background-color: inherit;
  cursor: default;
}

.szh-menu__item--disabled {
  color: #aaa;
  cursor: default;
}

.szh-menu__group {
  box-sizing: border-box;
}

.szh-menu__radio-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.szh-menu__divider {
  background-color: #0000001f;
  height: 1px;
  margin: 0.5rem 0;
}

.szh-menu-button {
  box-sizing: border-box;
}

.szh-menu {
  border: none;
  border-radius: 0.25rem;
  box-shadow:
    0 3px 7px rgba(0, 0, 0, 0.133),
    0 0.6px 2px #0000001a;
  color: #212529;
  min-width: 10rem;
  padding: 0.5rem 0;
  -webkit-user-select: none;
  user-select: none;
}

.szh-menu__item {
  align-items: center;
  display: flex;
  padding: 0.375rem 1.5rem;
  position: relative;
}

.szh-menu-container--itemTransition .szh-menu__item {
  transition-duration: 0.15s;
  transition-property: background-color, color;
  transition-timing-function: ease-in-out;
}

.szh-menu__item--type-radio {
  padding-left: 2.2rem;
}

.szh-menu__item--type-radio:before {
  content: '○';
  font-size: 0.8rem;
  left: 0.8rem;
  position: absolute;
  top: 0.55rem;
}

.szh-menu__item--type-radio.szh-menu__item--checked:before {
  content: '●';
}

.szh-menu__item--type-checkbox {
  padding-left: 2.2rem;
}

.szh-menu__item--type-checkbox:before {
  left: 0.8rem;
  position: absolute;
}

.szh-menu__item--type-checkbox.szh-menu__item--checked:before {
  content: '✔';
}

.szh-menu__submenu > .szh-menu__item {
  padding-right: 2.5rem;
}

.szh-menu__submenu > .szh-menu__item:after {
  content: '❯';
  position: absolute;
  right: 1rem;
}

.szh-menu__header {
  color: #888;
  font-size: 0.8rem;
  padding: 0.2rem 1.5rem;
  text-transform: uppercase;
}

@keyframes szh-menu-show-zoom {
  0% {
    opacity: 0.1;
    transform: scale(0.95);
  }
}

@keyframes szh-menu-hide-zoom {
  to {
    opacity: 0.1;
    transform: scale(0.95);
  }
}

.szh-menu--state-opening {
  animation: szh-menu-show-zoom 0.125s ease-out;
}

.szh-menu--state-closing {
  animation: szh-menu-hide-zoom 0.125s ease-in forwards;
}

.szh-menu--dir-left.szh-menu--align-start {
  transform-origin: right top;
}

.szh-menu--dir-left.szh-menu--align-center {
  transform-origin: right center;
}

.szh-menu--dir-left.szh-menu--align-end {
  transform-origin: right bottom;
}

.szh-menu--dir-right.szh-menu--align-start {
  transform-origin: left top;
}

.szh-menu--dir-right.szh-menu--align-center {
  transform-origin: left center;
}

.szh-menu--dir-right.szh-menu--align-end,
.szh-menu--dir-top.szh-menu--align-start {
  transform-origin: left bottom;
}

.szh-menu--dir-top.szh-menu--align-center {
  transform-origin: center bottom;
}

.szh-menu--dir-top.szh-menu--align-end {
  transform-origin: right bottom;
}

.szh-menu--dir-bottom.szh-menu--align-start {
  transform-origin: left top;
}

.szh-menu--dir-bottom.szh-menu--align-center {
  transform-origin: center top;
}

.szh-menu--dir-bottom.szh-menu--align-end {
  transform-origin: right top;
}

.szh-menu-button {
  background: #0000;
  border: 1px solid #0000;
  cursor: pointer;
}

.plt-menu-dropdown {
  position: relative;
}

.plt-menu-dropdown .user-dropdown {
  right: 8px;
  top: auto;
}

.plt-filter-wrapper {
  gap: var(--plt-space-150);
}

.plt-filter-wrapper .plt-filter-list .plt-btn {
  background: var(--plt-background-secondary);
  padding: var(--plt-space-200);
}

.plt-filter-wrapper .plt-filter-list .user-dropdown {
  top: 40px;
}

.plt-filter-wrapper .plt-filter-list .user-dropdown .dropdown-item {
  min-width: auto;
}

.plt-date-detail {
  max-width: 111px;
}

.notification-container .plt-contents-desc {
  max-width: 512px;
}

.notification-container .plt-content-block {
  max-width: 733px;
}

.notification-container .notitication-check {
  margin-left: auto;
}

.general-container {
  max-width: 518px;
}

.design-input {
  max-width: 160px;
}

.preview-page .container {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 2%;
}

.preview-page header {
  background-image: url(https://i.postimg.cc/sfMRrnZM/bg.jpg);
  background-position: 50%;
  background-size: cover;
  min-height: 600px;
  padding: 30px 0;
}

.preview-page .logo {
  background-image: url(https://www.aufaitux.com/ux-newsletter-img/aufaituxlogowhite.png);
  background-size: 100% 100%;
  height: 40px;
  position: relative;
  width: 200px;
  z-index: 2;
}

.preview-page nav.desktop li {
  display: inline-block;
  margin: 0 15px;
}

.preview-page nav.mobile {
  display: none;
}

.preview-page nav.mobile ul {
  background: #31475e;
  display: block;
  left: 0;
  padding: 70px 0 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.preview-page nav.mobile h3 {
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  position: relative;
  z-index: 2;
}

.preview-page nav.mobile li {
  padding: 10px 0;
}

.preview-page .call-header {
  max-width: 485px;
  padding: 110px 0 40px;
}

.preview-page .header-form {
  gap: 15px;
  margin-top: 40px;
  padding-bottom: 40px;
}

.preview-page .header-form .header-input {
  max-width: 500px;
  min-width: 300px;
}

.preview-page .description {
  padding: 30px 2%;
  text-align: center;
}

.preview-page .description p {
  margin: auto;
  max-width: 600px;
}

.preview-page .info {
  padding: 50px 0;
}

.preview-page .info .text-info {
  max-width: 450px;
  width: 50%;
}

.preview-page .info .text-info h3 {
  margin-top: 25px;
  text-align: center;
}

.preview-page .info .text-info p {
  margin-top: 35px;
  text-align: center;
}

.preview-page .info img {
  max-width: 100%;
  width: 50%;
}

.preview-page .services {
  padding: 25px 0;
}

.preview-page .title-services {
  text-align: center;
}

.preview-page .flex-services {
  display: flex;
  flex-wrap: wrap;
}

.preview-page .space-services {
  display: flex;
  padding: 30px;
  width: 33.3%;
}

.preview-page .box-services {
  background: #fff;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 8px 20px 0 #e0e0e080;
  height: 100%;
}

.preview-page .box-services img {
  width: 100%;
}

.preview-page .wrapper-services {
  padding: 20px;
  text-align: center;
}

.preview-page .wrapper-services h2 {
  color: #31475e;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}

.preview-page .wrapper-services p {
  color: #6a7c92;
  font-size: 14px;
  margin-bottom: 10px;
}

.preview-page footer {
  margin: 50px 0;
}

.preview-page .box-footer {
  padding: 0 15px;
  width: 33.3333333333%;
}

.preview-page .text-center {
  text-align: center;
}

.preview-page .box-footer h2 {
  color: #31475e;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 15px;
}

.preview-page .box-footer p {
  color: #31475e;
  font-size: 15px;
  font-weight: lighter;
}

.preview-page .box-footer form {
  margin-top: 10px;
}

.preview-page .box-footer .dss-input {
  min-width: 275px;
}

@media screen and (max-width: 1200px) {
  .preview-page .box-footer {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .preview-page nav.desktop {
    display: none;
  }

  .preview-page nav.mobile {
    display: block;
  }
}

.preview-page .banner-tab {
  background: #fff;
  max-width: 550px;
  min-width: 550px;
  padding: 30px;
}

.invitation-container {
  row-gap: var(--plt-space-400);
}

.plt-select-members-wrapper .plt-members-group {
  padding: var(--plt-space-300) 0 var(--plt-space-400) 0;
}

.plt-select-members-wrapper .plt-members-group .plt-members-list {
  margin-top: var(--plt-space-300);
}

.plt-select-members-wrapper .plt-member-img,
.plt-select-members-wrapper .plt-member-img img {
  max-height: var(--plt-size-600);
  max-width: var(--plt-size-600);
  min-height: var(--plt-size-600);
  min-width: var(--plt-size-600);
}

.copy-btn-link {
  margin-left: 24px;
  margin-top: 28px;
  position: absolute;
}

.plt-asccess-description {
  min-width: fit-content;
}

.plt-asccess-description .asccess-description-block .asccess-description-text {
  gap: 24px;
}

.plt-asccess-description
  .asccess-description-block
  .asccess-description-text
  .plt-badge {
  display: block;
}

.plt-asccess-wrapper {
  gap: var(--plt-space-400);
}

.plt-role-wrapper {
  max-width: 280px;
}

.plt-role-wrapper .plt-role-description {
  flex: auto;
}

.privacy-dropdown .css-1pty5lh-control:after,
.privacy-dropdown .css-1pty5lh-control:before {
  z-index: 0;
}

.plt-img-wrapper {
  background: var(--plt-background-tertiary);
  border-radius: var(--plt-border-radius-300);
}

html {
  --reset-rem-size: 16px;
}

.plt-custom-scroll {
  scrollbar-color: light;
  scrollbar-color: var(#c3d6e2) #0000;
  scrollbar-width: thin;
}

.plt-custom-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.plt-custom-scroll::-webkit-scrollbar-button,
.plt-custom-scroll::-webkit-scrollbar-corner {
  display: none;
}

.plt-custom-scroll::-webkit-scrollbar-thumb {
  background-color: #0000;
  border-radius: 5px;
  min-height: 32px;
  min-width: 32px;
}

.plt-custom-scroll::-webkit-scrollbar-track {
  background: #0000;
}

.plt-custom-scroll:hover::-webkit-scrollbar-thumb {
  background-color: var(#c3d6e2);
}

*,
:after,
:before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  font-size: var(--reset-rem-size);
}

@media only screen and (max-width: 767px) {
  html {
    --reset-rem-size: 14px;
  }
}

* {
  font-family: var(--dss-font-family-primary);
}

*,
body {
  line-height: 1.3;
}

body {
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  scrollbar-color: light;
  scrollbar-color: var(#c3d6e2) #0000;
  scrollbar-width: thin;
  text-rendering: optimizeSpeed;
}

body::-webkit-scrollbar {
  -webkit-appearance: none;
}

body::-webkit-scrollbar-button,
body::-webkit-scrollbar-corner {
  display: none;
}

body::-webkit-scrollbar-thumb {
  background-color: #0000;
  border-radius: 5px;
  min-height: 32px;
  min-width: 32px;
}

body::-webkit-scrollbar-track {
  background: #0000;
}

body:hover::-webkit-scrollbar-thumb {
  background-color: var(#c3d6e2);
}

canvas,
img,
picture,
svg,
video {
  display: block;
  height: auto;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: 400;
  overflow-wrap: break-word;
}

button,
input,
select,
textarea {
  font: inherit;
}

#__next,
#root {
  isolation: isolate;
}

input[type='number'] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: #000;
  box-shadow: inset 0 0 0 1000px #fff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

ol[role='list'],
ul[role='list'] {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

pre {
  font-family: RethinkSans-Regular, sans-serif;
  tab-size: 2;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  :after,
  :before,
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  :after,
  :before {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }
}

* {
  /* scroll-behavior: smooth;
  scroll-padding-top: 15px;
  scrollbar-width: thin; */
}

.dss-container,
.plt-modal-overlay:not(.plt) {
  --plt-background-inverse: var(--dss-color-neutrals-1000);
  --plt-background-primary: var(--dss-color-alpha-neutrals-200-a);
  --plt-background-secondary: var(--dss-color-neutrals-300);
  --plt-background-tertiary: var(--dss-color-neutrals-200);
  --plt-background-surface: var(--dss-color-neutrals-100);
  --plt-background-on-bg-default: var(--dss-color-neutrals-100);
  --plt-background-tertiary-hover: var(--dss-color-neutrals-300);
  --plt-background-neutral: var(--dss-color-alpha-neutrals-200-a);
  --plt-text-primary: var(--dss-color-neutrals-1000);
  --plt-text-secondary: var(--dss-color-neutrals-700);
  --plt-text-tertiary: var(--dss-color-neutrals-500);
  --plt-text-on-bg-fill: var(--dss-color-neutrals-100);
  --plt-border-primary: var(--dss-color-neutrals-200);
  --plt-border-secondary: var(--dss-color-neutrals-300);
  --plt-text-button-link-primary: var(--dss-color-primary-500);
  --plt-border-input: var(--plt-border-secondary);
}

.mh-100 {
  min-height: 100%;
}

.w-100 {
  max-width: 100%;
  min-width: 100%;
}

.btn {
  align-items: center;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  padding: 10px 12px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.btn.disabled,
.btn:disabled,
.btn[aria-disabled='true'] {
  cursor: default;
}

.btn svg * {
  transition: all 0.4s;
}

.btn-primary {
  background-color: var(--primary-dark);
}

.btn-primary:hover {
  background-color: var(--Interactive-primary-hover);
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.flex-align-stretch {
  align-items: stretch;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: start;
}

.align-items-end {
  align-items: end;
}

.align-items-baseline {
  align-items: baseline;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-fit {
  flex: 1 1;
  min-width: 0;
}

.w-full {
  width: 100%;
}

.w-50 {
  width: 50% !important;
}

.h-full {
  height: 100%;
}

.w-100vw {
  width: 100vw;
}

.h-100vh {
  height: 100vh;
}

.w-1-2 {
  width: 50%;
}

.w-fit {
  width: fit-content;
}

.h-fit {
  height: fit-content;
}

.m-auto {
  margin: 0 auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.line-height-12 {
  line-height: 1.2;
}

.line-height-13 {
  line-height: 1.3;
}

.line-height-14 {
  line-height: 1.4;
}

.line-height-15 {
  line-height: 1.5;
}

:root {
  --dss-font-family-primary: ' Host Grotesk', sans-serif;
  --dss-font-family-secondary: 'Host Grotesk', sans-serif;
}

.dss-font-family-primary {
  font-family: Inter, sans-serif;
  font-family: var(--dss-font-family-primary);
}

.dss-font-family-secondary {
  font-family: Inter, sans-serif;
  font-family: var(--dss-font-family-secondary);
}

.dss-heading-3xl {
  font: var(--dss-font-heading-3xl);
}

.dss-heading-2xl {
  font: var(--dss-font-heading-2xl);
}

.dss-heading-xl {
  font: var(--dss-font-heading-xl);
}

.dss-heading-lg {
  font: var(--dss-font-heading-lg);
}

.dss-heading-md {
  font: var(--dss-font-heading-md);
}

.dss-heading-sm {
  font: var(--dss-font-heading-sm);
}

.dss-heading-xs {
  font: var(--dss-font-heading-xs);
}

.dss-heading-xxs {
  font: var(--dss-font-heading-xxs);
}

.dss-body-lg {
  font: var(--dss-font-body-lg);
}

.dss-body-md {
  font: var(--dss-font-body-md);
}

.dss-body-sm {
  font: var(--dss-font-body-sm);
}

.dss-body-xs {
  font: var(--dss-font-body-xs);
}

.dss-body-xxs {
  font: var(--dss-font-body-xxs);
}

.dss-body-compact-md {
  font: var(--dss-font-body-compact-md);
}

.dss-body-compact-sm {
  font: var(--dss-font-body-compact-sm);
}

.dss-body-strong-lg-medium {
  font: var(--dss-font-body-strong-lg-medium);
}

.dss-body-strong-lg-semi-bold {
  font: var(--dss-font-body-strong-lg-semi-bold);
}

.dss-body-strong-md-medium {
  font: var(--dss-font-body-strong-md-medium);
}

.dss-body-strong-md-semi-bold {
  font: var(--dss-font-body-strong-md-semi-bold);
}

.dss-body-strong-sm-medium {
  font: var(--dss-font-body-strong-sm-medium);
}

.dss-body-strong-sm-semi-bold {
  font: var(--dss-font-body-strong-sm-semi-bold);
}

.dss-ui-text-lg {
  font: var(--dss-font-uitext-lg-regular);
}

.dss-ui-text-lg-medium {
  font: var(--dss-font-uitext-lg-medium);
}

.dss-ui-text-lg-semi-bold {
  font: var(--dss-font-uitext-lg-semi-bold);
}

.dss-ui-text-md {
  font: var(--dss-font-uitext-md-regular);
}

.dss-ui-text-md-medium {
  font: var(--dss-font-uitext-md-medium);
}

.dss-ui-text-md-semi-bold {
  font: var(--dss-font-uitext-md-semi-bold);
}

.dss-ui-text-sm {
  font: var(--dss-font-uitext-sm-regular);
}

.dss-ui-text-sm-medium {
  font: var(--dss-font-uitext-sm-medium);
}

.dss-ui-text-sm-semi-bold {
  font: var(--dss-font-uitext-sm-semi-bold);
}

.dss-ui-text-xs {
  font: var(--dss-font-uitext-xs-regular);
}

.dss-ui-text-xs-medium {
  font: var(--dss-font-uitext-xs-medium);
}

.dss-ui-text-xs-semi-bold {
  font: var(--dss-font-uitext-xs-semi-bold);
}

.dss-ui-text-xxs {
  font-size: var(--dss-font-uitext-xxs-regular);
}

.dss-ui-text-xxs-medium {
  font: var(--dss-font-uitext-xxs-medium);
}

.dss-ui-text-xxs-semi-bold {
  font: var(--dss-font-uitext-xxs-semi-bold);
}

.dss-font-color-primary {
  color: var(--dss-color-neutrals-1000) !important;
}

.dss-font-color-secondary {
  color: var(--dss-color-neutrals-700) !important;
}

.dss-font-color-tertiary {
  color: var(--dss-color-neutrals-500) !important;
}

.dis-p-0 {
  padding: 0 !important;
}

.dis-p-2 {
  padding: 0.125rem !important;
}

.dis-p-4 {
  padding: 0.25rem !important;
}

.dis-p-6 {
  padding: 0.375rem !important;
}

.dis-p-8 {
  padding: 0.5rem !important;
}

.dis-p-10 {
  padding: 0.625rem !important;
}

.dis-p-11 {
  padding: 0.6875rem !important;
}

.dis-p-12 {
  padding: 0.75rem !important;
}

.dis-p-14 {
  padding: 0.875rem !important;
}

.dis-p-16 {
  padding: 1rem !important;
}

.dis-p-18 {
  padding: 1.125rem !important;
}

.dis-p-20 {
  padding: 1.25rem !important;
}

.dis-p-24 {
  padding: 1.5rem !important;
}

.dis-p-28 {
  padding: 1.75rem !important;
}

.dis-p-32 {
  padding: 2rem !important;
}

.dis-p-36 {
  padding: 2.25rem !important;
}

.dis-p-40 {
  padding: 2.5rem !important;
}

.dis-p-48 {
  padding: 3rem !important;
}

.dis-pt-0 {
  padding-top: 0 !important;
}

.dis-pt-2 {
  padding-top: 0.125rem !important;
}

.dis-pt-4 {
  padding-top: 0.25rem !important;
}

.dis-pt-6 {
  padding-top: 0.375rem !important;
}

.dis-pt-8 {
  padding-top: 0.5rem !important;
}

.dis-pt-10 {
  padding-top: 0.625rem !important;
}

.dis-pt-11 {
  padding-top: 0.6875rem !important;
}

.dis-pt-12 {
  padding-top: 0.75rem !important;
}

.dis-pt-14 {
  padding-top: 0.875rem !important;
}

.dis-pt-16 {
  padding-top: 1rem !important;
}

.dis-pt-18 {
  padding-top: 1.125rem !important;
}

.dis-pt-20 {
  padding-top: 1.25rem !important;
}

.dis-pt-24 {
  padding-top: 1.5rem !important;
}

.dis-pt-28 {
  padding-top: 1.75rem !important;
}

.dis-pt-32 {
  padding-top: 2rem !important;
}

.dis-pt-36 {
  padding-top: 2.25rem !important;
}

.dis-pt-40 {
  padding-top: 2.5rem !important;
}

.dis-pt-48 {
  padding-top: 3rem !important;
}

.dis-pr-0 {
  padding-right: 0 !important;
}

.dis-pr-2 {
  padding-right: 0.125rem !important;
}

.dis-pr-4 {
  padding-right: 0.25rem !important;
}

.dis-pr-6 {
  padding-right: 0.375rem !important;
}

.dis-pr-8 {
  padding-right: 0.5rem !important;
}

.dis-pr-10 {
  padding-right: 0.625rem !important;
}

.dis-pr-11 {
  padding-right: 0.6875rem !important;
}

.dis-pr-12 {
  padding-right: 0.75rem !important;
}

.dis-pr-14 {
  padding-right: 0.875rem !important;
}

.dis-pr-16 {
  padding-right: 1rem !important;
}

.dis-pr-18 {
  padding-right: 1.125rem !important;
}

.dis-pr-20 {
  padding-right: 1.25rem !important;
}

.dis-pr-24 {
  padding-right: 1.5rem !important;
}

.dis-pr-28 {
  padding-right: 1.75rem !important;
}

.dis-pr-32 {
  padding-right: 2rem !important;
}

.dis-pr-36 {
  padding-right: 2.25rem !important;
}

.dis-pr-40 {
  padding-right: 2.5rem !important;
}

.dis-pr-48 {
  padding-right: 3rem !important;
}

.dis-pb-0 {
  padding-bottom: 0 !important;
}

.dis-pb-2 {
  padding-bottom: 0.125rem !important;
}

.dis-pb-4 {
  padding-bottom: 0.25rem !important;
}

.dis-pb-6 {
  padding-bottom: 0.375rem !important;
}

.dis-pb-8 {
  padding-bottom: 0.5rem !important;
}

.dis-pb-10 {
  padding-bottom: 0.625rem !important;
}

.dis-pb-11 {
  padding-bottom: 0.6875rem !important;
}

.dis-pb-12 {
  padding-bottom: 0.75rem !important;
}

.dis-pb-14 {
  padding-bottom: 0.875rem !important;
}

.dis-pb-16 {
  padding-bottom: 1rem !important;
}

.dis-pb-18 {
  padding-bottom: 1.125rem !important;
}

.dis-pb-20 {
  padding-bottom: 1.25rem !important;
}

.dis-pb-24 {
  padding-bottom: 1.5rem !important;
}

.dis-pb-28 {
  padding-bottom: 1.75rem !important;
}

.dis-pb-32 {
  padding-bottom: 2rem !important;
}

.dis-pb-36 {
  padding-bottom: 2.25rem !important;
}

.dis-pb-40 {
  padding-bottom: 2.5rem !important;
}

.dis-pb-48 {
  padding-bottom: 3rem !important;
}

.dis-pl-0 {
  padding-left: 0 !important;
}

.dis-pl-2 {
  padding-left: 0.125rem !important;
}

.dis-pl-4 {
  padding-left: 0.25rem !important;
}

.dis-pl-6 {
  padding-left: 0.375rem !important;
}

.dis-pl-8 {
  padding-left: 0.5rem !important;
}

.dis-pl-10 {
  padding-left: 0.625rem !important;
}

.dis-pl-11 {
  padding-left: 0.6875rem !important;
}

.dis-pl-12 {
  padding-left: 0.75rem !important;
}

.dis-pl-14 {
  padding-left: 0.875rem !important;
}

.dis-pl-16 {
  padding-left: 1rem !important;
}

.dis-pl-18 {
  padding-left: 1.125rem !important;
}

.dis-pl-20 {
  padding-left: 1.25rem !important;
}

.dis-pl-24 {
  padding-left: 1.5rem !important;
}

.dis-pl-28 {
  padding-left: 1.75rem !important;
}

.dis-pl-32 {
  padding-left: 2rem !important;
}

.dis-pl-36 {
  padding-left: 2.25rem !important;
}

.dis-pl-40 {
  padding-left: 2.5rem !important;
}

.dis-pl-48 {
  padding-left: 3rem !important;
}

.dis-m-0 {
  margin: 0 !important;
}

.dis-m-2 {
  margin: 0.125rem !important;
}

.dis-m-4 {
  margin: 0.25rem !important;
}

.dis-m-6 {
  margin: 0.375rem !important;
}

.dis-m-8 {
  margin: 0.5rem !important;
}

.dis-m-10 {
  margin: 0.625rem !important;
}

.dis-m-11 {
  margin: 0.6875rem !important;
}

.dis-m-12 {
  margin: 0.75rem !important;
}

.dis-m-14 {
  margin: 0.875rem !important;
}

.dis-m-16 {
  margin: 1rem !important;
}

.dis-m-18 {
  margin: 1.125rem !important;
}

.dis-m-20 {
  margin: 1.25rem !important;
}

.dis-m-24 {
  margin: 1.5rem !important;
}

.dis-m-28 {
  margin: 1.75rem !important;
}

.dis-m-32 {
  margin: 2rem !important;
}

.dis-m-36 {
  margin: 2.25rem !important;
}

.dis-m-40 {
  margin: 2.5rem !important;
}

.dis-m-48 {
  margin: 3rem !important;
}

.dis-mt-0 {
  margin-top: 0 !important;
}

.dis-mt-2 {
  margin-top: 0.125rem !important;
}

.dis-mt-4 {
  margin-top: 0.25rem !important;
}

.dis-mt-6 {
  margin-top: 0.375rem !important;
}

.dis-mt-8 {
  margin-top: 0.5rem !important;
}

.dis-mt-10 {
  margin-top: 0.625rem !important;
}

.dis-mt-11 {
  margin-top: 0.6875rem !important;
}

.dis-mt-12 {
  margin-top: 0.75rem !important;
}

.dis-mt-14 {
  margin-top: 0.875rem !important;
}

.dis-mt-16 {
  margin-top: 1rem !important;
}

.dis-mt-18 {
  margin-top: 1.125rem !important;
}

.dis-mt-20 {
  margin-top: 1.25rem !important;
}

.dis-mt-24 {
  margin-top: 1.5rem !important;
}

.dis-mt-28 {
  margin-top: 1.75rem !important;
}

.dis-mt-32 {
  margin-top: 2rem !important;
}

.dis-mt-36 {
  margin-top: 2.25rem !important;
}

.dis-mt-40 {
  margin-top: 2.5rem !important;
}

.dis-mt-48 {
  margin-top: 3rem !important;
}

.dis-mr-0 {
  margin-right: 0 !important;
}

.dis-mr-2 {
  margin-right: 0.125rem !important;
}

.dis-mr-4 {
  margin-right: 0.25rem !important;
}

.dis-mr-6 {
  margin-right: 0.375rem !important;
}

.dis-mr-8 {
  margin-right: 0.5rem !important;
}

.dis-mr-10 {
  margin-right: 0.625rem !important;
}

.dis-mr-11 {
  margin-right: 0.6875rem !important;
}

.dis-mr-12 {
  margin-right: 0.75rem !important;
}

.dis-mr-14 {
  margin-right: 0.875rem !important;
}

.dis-mr-16 {
  margin-right: 1rem !important;
}

.dis-mr-18 {
  margin-right: 1.125rem !important;
}

.dis-mr-20 {
  margin-right: 1.25rem !important;
}

.dis-mr-24 {
  margin-right: 1.5rem !important;
}

.dis-mr-28 {
  margin-right: 1.75rem !important;
}

.dis-mr-32 {
  margin-right: 2rem !important;
}

.dis-mr-36 {
  margin-right: 2.25rem !important;
}

.dis-mr-40 {
  margin-right: 2.5rem !important;
}

.dis-mr-48 {
  margin-right: 3rem !important;
}

.dis-mb-0 {
  margin-bottom: 0 !important;
}

.dis-mb-2 {
  margin-bottom: 0.125rem !important;
}

.dis-mb-4 {
  margin-bottom: 0.25rem !important;
}

.dis-mb-6 {
  margin-bottom: 0.375rem !important;
}

.dis-mb-8 {
  margin-bottom: 0.5rem !important;
}

.dis-mb-10 {
  margin-bottom: 0.625rem !important;
}

.dis-mb-11 {
  margin-bottom: 0.6875rem !important;
}

.dis-mb-12 {
  margin-bottom: 0.75rem !important;
}

.dis-mb-14 {
  margin-bottom: 0.875rem !important;
}

.dis-mb-16 {
  margin-bottom: 1rem !important;
}

.dis-mb-18 {
  margin-bottom: 1.125rem !important;
}

.dis-mb-20 {
  margin-bottom: 1.25rem !important;
}

.dis-mb-24 {
  margin-bottom: 1.5rem !important;
}

.dis-mb-28 {
  margin-bottom: 1.75rem !important;
}

.dis-mb-32 {
  margin-bottom: 2rem !important;
}

.dis-mb-36 {
  margin-bottom: 2.25rem !important;
}

.dis-mb-40 {
  margin-bottom: 2.5rem !important;
}

.dis-mb-48 {
  margin-bottom: 3rem !important;
}

.dis-ml-0 {
  margin-left: 0 !important;
}

.dis-ml-2 {
  margin-left: 0.125rem !important;
}

.dis-ml-4 {
  margin-left: 0.25rem !important;
}

.dis-ml-6 {
  margin-left: 0.375rem !important;
}

.dis-ml-8 {
  margin-left: 0.5rem !important;
}

.dis-ml-10 {
  margin-left: 0.625rem !important;
}

.dis-ml-11 {
  margin-left: 0.6875rem !important;
}

.dis-ml-12 {
  margin-left: 0.75rem !important;
}

.dis-ml-14 {
  margin-left: 0.875rem !important;
}

.dis-ml-16 {
  margin-left: 1rem !important;
}

.dis-ml-18 {
  margin-left: 1.125rem !important;
}

.dis-ml-20 {
  margin-left: 1.25rem !important;
}

.dis-ml-24 {
  margin-left: 1.5rem !important;
}

.dis-ml-28 {
  margin-left: 1.75rem !important;
}

.dis-ml-32 {
  margin-left: 2rem !important;
}

.dis-ml-36 {
  margin-left: 2.25rem !important;
}

.dis-ml-40 {
  margin-left: 2.5rem !important;
}

.dis-ml-48 {
  margin-left: 3rem !important;
}

.dis-column-gap-0 {
  column-gap: 0 !important;
}

.dis-column-gap-2 {
  column-gap: 0.125rem !important;
}

.dis-column-gap-4 {
  column-gap: 0.25rem !important;
}

.dis-column-gap-6 {
  column-gap: 0.375rem !important;
}

.dis-column-gap-8 {
  column-gap: 0.5rem !important;
}

.dis-column-gap-10 {
  column-gap: 0.625rem !important;
}

.dis-column-gap-11 {
  column-gap: 0.6875rem !important;
}

.dis-column-gap-12 {
  column-gap: 0.75rem !important;
}

.dis-column-gap-14 {
  column-gap: 0.875rem !important;
}

.dis-column-gap-16 {
  column-gap: 1rem !important;
}

.dis-column-gap-18 {
  column-gap: 1.125rem !important;
}

.dis-column-gap-20 {
  column-gap: 1.25rem !important;
}

.dis-column-gap-24 {
  column-gap: 1.5rem !important;
}

.dis-column-gap-28 {
  column-gap: 1.75rem !important;
}

.dis-column-gap-32 {
  column-gap: 2rem !important;
}

.dis-column-gap-36 {
  column-gap: 2.25rem !important;
}

.dis-column-gap-40 {
  column-gap: 2.5rem !important;
}

.dis-column-gap-48 {
  column-gap: 3rem !important;
}

.dis-row-gap-0 {
  row-gap: 0 !important;
}

.dis-row-gap-2 {
  row-gap: 0.125rem !important;
}

.dis-row-gap-4 {
  row-gap: 0.25rem !important;
}

.dis-row-gap-6 {
  row-gap: 0.375rem !important;
}

.dis-row-gap-8 {
  row-gap: 0.5rem !important;
}

.dis-row-gap-10 {
  row-gap: 0.625rem !important;
}

.dis-row-gap-11 {
  row-gap: 0.6875rem !important;
}

.dis-row-gap-12 {
  row-gap: 0.75rem !important;
}

.dis-row-gap-14 {
  row-gap: 0.875rem !important;
}

.dis-row-gap-16 {
  row-gap: 1rem !important;
}

.dis-row-gap-18 {
  row-gap: 1.125rem !important;
}

.dis-row-gap-20 {
  row-gap: 1.25rem !important;
}

.dis-row-gap-24 {
  row-gap: 1.5rem !important;
}

.dis-row-gap-28 {
  row-gap: 1.75rem !important;
}

.dis-row-gap-32 {
  row-gap: 2rem !important;
}

.dis-row-gap-36 {
  row-gap: 2.25rem !important;
}

.dis-row-gap-40 {
  row-gap: 2.5rem !important;
}

.dis-row-gap-48 {
  row-gap: 3rem !important;
}

.dis-m-auto {
  margin: auto !important;
}

@media only screen and (min-width: 576px) {
  .dis-p-sm-0 {
    padding: 0 !important;
  }

  .dis-p-sm-2 {
    padding: 0.125rem !important;
  }

  .dis-p-sm-4 {
    padding: 0.25rem !important;
  }

  .dis-p-sm-8 {
    padding: 0.5rem !important;
  }

  .dis-p-sm-10 {
    padding: 0.625rem !important;
  }

  .dis-p-sm-12 {
    padding: 0.75rem !important;
  }

  .dis-p-sm-16 {
    padding: 1rem !important;
  }

  .dis-p-sm-18 {
    padding: 1.125rem !important;
  }

  .dis-p-sm-20 {
    padding: 1.25rem !important;
  }

  .dis-pt-sm-0 {
    padding-top: 0 !important;
  }

  .dis-pt-sm-2 {
    padding-top: 0.125rem !important;
  }

  .dis-pt-sm-4 {
    padding-top: 0.25rem !important;
  }

  .dis-pt-sm-8 {
    padding-top: 0.5rem !important;
  }

  .dis-pt-sm-10 {
    padding-top: 0.625rem !important;
  }

  .dis-pt-sm-12 {
    padding-top: 0.75rem !important;
  }

  .dis-pt-sm-16 {
    padding-top: 1rem !important;
  }

  .dis-pt-sm-18 {
    padding-top: 1.125rem !important;
  }

  .dis-pt-sm-20 {
    padding-top: 1.25rem !important;
  }

  .dis-pr-sm-0 {
    padding-right: 0 !important;
  }

  .dis-pr-sm-2 {
    padding-right: 0.125rem !important;
  }

  .dis-pr-sm-4 {
    padding-right: 0.25rem !important;
  }

  .dis-pr-sm-8 {
    padding-right: 0.5rem !important;
  }

  .dis-pr-sm-10 {
    padding-right: 0.625rem !important;
  }

  .dis-pr-sm-12 {
    padding-right: 0.75rem !important;
  }

  .dis-pr-sm-16 {
    padding-right: 1rem !important;
  }

  .dis-pr-sm-18 {
    padding-right: 1.125rem !important;
  }

  .dis-pr-sm-20 {
    padding-right: 1.25rem !important;
  }

  .dis-pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .dis-pb-sm-2 {
    padding-bottom: 0.125rem !important;
  }

  .dis-pb-sm-4 {
    padding-bottom: 0.25rem !important;
  }

  .dis-pb-sm-8 {
    padding-bottom: 0.5rem !important;
  }

  .dis-pb-sm-10 {
    padding-bottom: 0.625rem !important;
  }

  .dis-pb-sm-12 {
    padding-bottom: 0.75rem !important;
  }

  .dis-pb-sm-16 {
    padding-bottom: 1rem !important;
  }

  .dis-pb-sm-18 {
    padding-bottom: 1.125rem !important;
  }

  .dis-pb-sm-20 {
    padding-bottom: 1.25rem !important;
  }

  .dis-pl-sm-0 {
    padding-left: 0 !important;
  }

  .dis-pl-sm-2 {
    padding-left: 0.125rem !important;
  }

  .dis-pl-sm-4 {
    padding-left: 0.25rem !important;
  }

  .dis-pl-sm-8 {
    padding-left: 0.5rem !important;
  }

  .dis-pl-sm-10 {
    padding-left: 0.625rem !important;
  }

  .dis-pl-sm-12 {
    padding-left: 0.75rem !important;
  }

  .dis-pl-sm-16 {
    padding-left: 1rem !important;
  }

  .dis-pl-sm-18 {
    padding-left: 1.125rem !important;
  }

  .dis-pl-sm-20 {
    padding-left: 1.25rem !important;
  }

  .dis-m-sm-0 {
    margin: 0 !important;
  }

  .dis-m-sm-2 {
    margin: 0.125rem !important;
  }

  .dis-m-sm-4 {
    margin: 0.25rem !important;
  }

  .dis-m-sm-8 {
    margin: 0.5rem !important;
  }

  .dis-m-sm-10 {
    margin: 0.625rem !important;
  }

  .dis-m-sm-12 {
    margin: 0.75rem !important;
  }

  .dis-m-sm-16 {
    margin: 1rem !important;
  }

  .dis-m-sm-18 {
    margin: 1.125rem !important;
  }

  .dis-m-sm-20 {
    margin: 1.25rem !important;
  }

  .dis-mt-sm-0 {
    margin-top: 0 !important;
  }

  .dis-mt-sm-2 {
    margin-top: 0.125rem !important;
  }

  .dis-mt-sm-4 {
    margin-top: 0.25rem !important;
  }

  .dis-mt-sm-8 {
    margin-top: 0.5rem !important;
  }

  .dis-mt-sm-10 {
    margin-top: 0.625rem !important;
  }

  .dis-mt-sm-12 {
    margin-top: 0.75rem !important;
  }

  .dis-mt-sm-16 {
    margin-top: 1rem !important;
  }

  .dis-mt-sm-18 {
    margin-top: 1.125rem !important;
  }

  .dis-mt-sm-20 {
    margin-top: 1.25rem !important;
  }

  .dis-mr-sm-0 {
    margin-right: 0 !important;
  }

  .dis-mr-sm-2 {
    margin-right: 0.125rem !important;
  }

  .dis-mr-sm-4 {
    margin-right: 0.25rem !important;
  }

  .dis-mr-sm-8 {
    margin-right: 0.5rem !important;
  }

  .dis-mr-sm-10 {
    margin-right: 0.625rem !important;
  }

  .dis-mr-sm-12 {
    margin-right: 0.75rem !important;
  }

  .dis-mr-sm-16 {
    margin-right: 1rem !important;
  }

  .dis-mr-sm-18 {
    margin-right: 1.125rem !important;
  }

  .dis-mr-sm-20 {
    margin-right: 1.25rem !important;
  }

  .dis-mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .dis-mb-sm-2 {
    margin-bottom: 0.125rem !important;
  }

  .dis-mb-sm-4 {
    margin-bottom: 0.25rem !important;
  }

  .dis-mb-sm-8 {
    margin-bottom: 0.5rem !important;
  }

  .dis-mb-sm-10 {
    margin-bottom: 0.625rem !important;
  }

  .dis-mb-sm-12 {
    margin-bottom: 0.75rem !important;
  }

  .dis-mb-sm-16 {
    margin-bottom: 1rem !important;
  }

  .dis-mb-sm-18 {
    margin-bottom: 1.125rem !important;
  }

  .dis-mb-sm-20 {
    margin-bottom: 1.25rem !important;
  }

  .dis-ml-sm-0 {
    margin-left: 0 !important;
  }

  .dis-ml-sm-2 {
    margin-left: 0.125rem !important;
  }

  .dis-ml-sm-4 {
    margin-left: 0.25rem !important;
  }

  .dis-ml-sm-8 {
    margin-left: 0.5rem !important;
  }

  .dis-ml-sm-10 {
    margin-left: 0.625rem !important;
  }

  .dis-ml-sm-12 {
    margin-left: 0.75rem !important;
  }

  .dis-ml-sm-16 {
    margin-left: 1rem !important;
  }

  .dis-ml-sm-18 {
    margin-left: 1.125rem !important;
  }

  .dis-ml-sm-20 {
    margin-left: 1.25rem !important;
  }

  .dis-column-gap-sm-0 {
    column-gap: 0 !important;
  }

  .dis-column-gap-sm-2 {
    column-gap: 0.125rem !important;
  }

  .dis-column-gap-sm-4 {
    column-gap: 0.25rem !important;
  }

  .dis-column-gap-sm-8 {
    column-gap: 0.5rem !important;
  }

  .dis-column-gap-sm-10 {
    column-gap: 0.625rem !important;
  }

  .dis-column-gap-sm-12 {
    column-gap: 0.75rem !important;
  }

  .dis-column-gap-sm-16 {
    column-gap: 1rem !important;
  }

  .dis-column-gap-sm-18 {
    column-gap: 1.125rem !important;
  }

  .dis-column-gap-sm-20 {
    column-gap: 1.25rem !important;
  }

  .dis-row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .dis-row-gap-sm-2 {
    row-gap: 0.125rem !important;
  }

  .dis-row-gap-sm-4 {
    row-gap: 0.25rem !important;
  }

  .dis-row-gap-sm-8 {
    row-gap: 0.5rem !important;
  }

  .dis-row-gap-sm-10 {
    row-gap: 0.625rem !important;
  }

  .dis-row-gap-sm-12 {
    row-gap: 0.75rem !important;
  }

  .dis-row-gap-sm-16 {
    row-gap: 1rem !important;
  }

  .dis-row-gap-sm-18 {
    row-gap: 1.125rem !important;
  }

  .dis-row-gap-sm-20 {
    row-gap: 1.25rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .dis-p-md-0 {
    padding: 0 !important;
  }

  .dis-p-md-2 {
    padding: 0.125rem !important;
  }

  .dis-p-md-4 {
    padding: 0.25rem !important;
  }

  .dis-p-md-8 {
    padding: 0.5rem !important;
  }

  .dis-p-md-10 {
    padding: 0.625rem !important;
  }

  .dis-p-md-12 {
    padding: 0.75rem !important;
  }

  .dis-p-md-16 {
    padding: 1rem !important;
  }

  .dis-p-md-18 {
    padding: 1.125rem !important;
  }

  .dis-p-md-20 {
    padding: 1.25rem !important;
  }

  .dis-pt-md-0 {
    padding-top: 0 !important;
  }

  .dis-pt-md-2 {
    padding-top: 0.125rem !important;
  }

  .dis-pt-md-4 {
    padding-top: 0.25rem !important;
  }

  .dis-pt-md-8 {
    padding-top: 0.5rem !important;
  }

  .dis-pt-md-10 {
    padding-top: 0.625rem !important;
  }

  .dis-pt-md-12 {
    padding-top: 0.75rem !important;
  }

  .dis-pt-md-16 {
    padding-top: 1rem !important;
  }

  .dis-pt-md-18 {
    padding-top: 1.125rem !important;
  }

  .dis-pt-md-20 {
    padding-top: 1.25rem !important;
  }

  .dis-pr-md-0 {
    padding-right: 0 !important;
  }

  .dis-pr-md-2 {
    padding-right: 0.125rem !important;
  }

  .dis-pr-md-4 {
    padding-right: 0.25rem !important;
  }

  .dis-pr-md-8 {
    padding-right: 0.5rem !important;
  }

  .dis-pr-md-10 {
    padding-right: 0.625rem !important;
  }

  .dis-pr-md-12 {
    padding-right: 0.75rem !important;
  }

  .dis-pr-md-16 {
    padding-right: 1rem !important;
  }

  .dis-pr-md-18 {
    padding-right: 1.125rem !important;
  }

  .dis-pr-md-20 {
    padding-right: 1.25rem !important;
  }

  .dis-pb-md-0 {
    padding-bottom: 0 !important;
  }

  .dis-pb-md-2 {
    padding-bottom: 0.125rem !important;
  }

  .dis-pb-md-4 {
    padding-bottom: 0.25rem !important;
  }

  .dis-pb-md-8 {
    padding-bottom: 0.5rem !important;
  }

  .dis-pb-md-10 {
    padding-bottom: 0.625rem !important;
  }

  .dis-pb-md-12 {
    padding-bottom: 0.75rem !important;
  }

  .dis-pb-md-16 {
    padding-bottom: 1rem !important;
  }

  .dis-pb-md-18 {
    padding-bottom: 1.125rem !important;
  }

  .dis-pb-md-20 {
    padding-bottom: 1.25rem !important;
  }

  .dis-pl-md-0 {
    padding-left: 0 !important;
  }

  .dis-pl-md-2 {
    padding-left: 0.125rem !important;
  }

  .dis-pl-md-4 {
    padding-left: 0.25rem !important;
  }

  .dis-pl-md-8 {
    padding-left: 0.5rem !important;
  }

  .dis-pl-md-10 {
    padding-left: 0.625rem !important;
  }

  .dis-pl-md-12 {
    padding-left: 0.75rem !important;
  }

  .dis-pl-md-16 {
    padding-left: 1rem !important;
  }

  .dis-pl-md-18 {
    padding-left: 1.125rem !important;
  }

  .dis-pl-md-20 {
    padding-left: 1.25rem !important;
  }

  .dis-m-md-0 {
    margin: 0 !important;
  }

  .dis-m-md-2 {
    margin: 0.125rem !important;
  }

  .dis-m-md-4 {
    margin: 0.25rem !important;
  }

  .dis-m-md-8 {
    margin: 0.5rem !important;
  }

  .dis-m-md-10 {
    margin: 0.625rem !important;
  }

  .dis-m-md-12 {
    margin: 0.75rem !important;
  }

  .dis-m-md-16 {
    margin: 1rem !important;
  }

  .dis-m-md-18 {
    margin: 1.125rem !important;
  }

  .dis-m-md-20 {
    margin: 1.25rem !important;
  }

  .dis-mt-md-0 {
    margin-top: 0 !important;
  }

  .dis-mt-md-2 {
    margin-top: 0.125rem !important;
  }

  .dis-mt-md-4 {
    margin-top: 0.25rem !important;
  }

  .dis-mt-md-8 {
    margin-top: 0.5rem !important;
  }

  .dis-mt-md-10 {
    margin-top: 0.625rem !important;
  }

  .dis-mt-md-12 {
    margin-top: 0.75rem !important;
  }

  .dis-mt-md-16 {
    margin-top: 1rem !important;
  }

  .dis-mt-md-18 {
    margin-top: 1.125rem !important;
  }

  .dis-mt-md-20 {
    margin-top: 1.25rem !important;
  }

  .dis-mr-md-0 {
    margin-right: 0 !important;
  }

  .dis-mr-md-2 {
    margin-right: 0.125rem !important;
  }

  .dis-mr-md-4 {
    margin-right: 0.25rem !important;
  }

  .dis-mr-md-8 {
    margin-right: 0.5rem !important;
  }

  .dis-mr-md-10 {
    margin-right: 0.625rem !important;
  }

  .dis-mr-md-12 {
    margin-right: 0.75rem !important;
  }

  .dis-mr-md-16 {
    margin-right: 1rem !important;
  }

  .dis-mr-md-18 {
    margin-right: 1.125rem !important;
  }

  .dis-mr-md-20 {
    margin-right: 1.25rem !important;
  }

  .dis-mb-md-0 {
    margin-bottom: 0 !important;
  }

  .dis-mb-md-2 {
    margin-bottom: 0.125rem !important;
  }

  .dis-mb-md-4 {
    margin-bottom: 0.25rem !important;
  }

  .dis-mb-md-8 {
    margin-bottom: 0.5rem !important;
  }

  .dis-mb-md-10 {
    margin-bottom: 0.625rem !important;
  }

  .dis-mb-md-12 {
    margin-bottom: 0.75rem !important;
  }

  .dis-mb-md-16 {
    margin-bottom: 1rem !important;
  }

  .dis-mb-md-18 {
    margin-bottom: 1.125rem !important;
  }

  .dis-mb-md-20 {
    margin-bottom: 1.25rem !important;
  }

  .dis-ml-md-0 {
    margin-left: 0 !important;
  }

  .dis-ml-md-2 {
    margin-left: 0.125rem !important;
  }

  .dis-ml-md-4 {
    margin-left: 0.25rem !important;
  }

  .dis-ml-md-8 {
    margin-left: 0.5rem !important;
  }

  .dis-ml-md-10 {
    margin-left: 0.625rem !important;
  }

  .dis-ml-md-12 {
    margin-left: 0.75rem !important;
  }

  .dis-ml-md-16 {
    margin-left: 1rem !important;
  }

  .dis-ml-md-18 {
    margin-left: 1.125rem !important;
  }

  .dis-ml-md-20 {
    margin-left: 1.25rem !important;
  }

  .dis-column-gap-md-0 {
    column-gap: 0 !important;
  }

  .dis-column-gap-md-2 {
    column-gap: 0.125rem !important;
  }

  .dis-column-gap-md-4 {
    column-gap: 0.25rem !important;
  }

  .dis-column-gap-md-8 {
    column-gap: 0.5rem !important;
  }

  .dis-column-gap-md-10 {
    column-gap: 0.625rem !important;
  }

  .dis-column-gap-md-12 {
    column-gap: 0.75rem !important;
  }

  .dis-column-gap-md-16 {
    column-gap: 1rem !important;
  }

  .dis-column-gap-md-18 {
    column-gap: 1.125rem !important;
  }

  .dis-column-gap-md-20 {
    column-gap: 1.25rem !important;
  }

  .dis-row-gap-md-0 {
    row-gap: 0 !important;
  }

  .dis-row-gap-md-2 {
    row-gap: 0.125rem !important;
  }

  .dis-row-gap-md-4 {
    row-gap: 0.25rem !important;
  }

  .dis-row-gap-md-8 {
    row-gap: 0.5rem !important;
  }

  .dis-row-gap-md-10 {
    row-gap: 0.625rem !important;
  }

  .dis-row-gap-md-12 {
    row-gap: 0.75rem !important;
  }

  .dis-row-gap-md-16 {
    row-gap: 1rem !important;
  }

  .dis-row-gap-md-18 {
    row-gap: 1.125rem !important;
  }

  .dis-row-gap-md-20 {
    row-gap: 1.25rem !important;
  }
}

@media only screen and (min-width: 992px) {
  .dis-p-lg-0 {
    padding: 0 !important;
  }

  .dis-p-lg-2 {
    padding: 0.125rem !important;
  }

  .dis-p-lg-4 {
    padding: 0.25rem !important;
  }

  .dis-p-lg-8 {
    padding: 0.5rem !important;
  }

  .dis-p-lg-10 {
    padding: 0.625rem !important;
  }

  .dis-p-lg-12 {
    padding: 0.75rem !important;
  }

  .dis-p-lg-16 {
    padding: 1rem !important;
  }

  .dis-p-lg-18 {
    padding: 1.125rem !important;
  }

  .dis-p-lg-20 {
    padding: 1.25rem !important;
  }

  .dis-pt-lg-0 {
    padding-top: 0 !important;
  }

  .dis-pt-lg-2 {
    padding-top: 0.125rem !important;
  }

  .dis-pt-lg-4 {
    padding-top: 0.25rem !important;
  }

  .dis-pt-lg-8 {
    padding-top: 0.5rem !important;
  }

  .dis-pt-lg-10 {
    padding-top: 0.625rem !important;
  }

  .dis-pt-lg-12 {
    padding-top: 0.75rem !important;
  }

  .dis-pt-lg-16 {
    padding-top: 1rem !important;
  }

  .dis-pt-lg-18 {
    padding-top: 1.125rem !important;
  }

  .dis-pt-lg-20 {
    padding-top: 1.25rem !important;
  }

  .dis-pr-lg-0 {
    padding-right: 0 !important;
  }

  .dis-pr-lg-2 {
    padding-right: 0.125rem !important;
  }

  .dis-pr-lg-4 {
    padding-right: 0.25rem !important;
  }

  .dis-pr-lg-8 {
    padding-right: 0.5rem !important;
  }

  .dis-pr-lg-10 {
    padding-right: 0.625rem !important;
  }

  .dis-pr-lg-12 {
    padding-right: 0.75rem !important;
  }

  .dis-pr-lg-16 {
    padding-right: 1rem !important;
  }

  .dis-pr-lg-18 {
    padding-right: 1.125rem !important;
  }

  .dis-pr-lg-20 {
    padding-right: 1.25rem !important;
  }

  .dis-pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .dis-pb-lg-2 {
    padding-bottom: 0.125rem !important;
  }

  .dis-pb-lg-4 {
    padding-bottom: 0.25rem !important;
  }

  .dis-pb-lg-8 {
    padding-bottom: 0.5rem !important;
  }

  .dis-pb-lg-10 {
    padding-bottom: 0.625rem !important;
  }

  .dis-pb-lg-12 {
    padding-bottom: 0.75rem !important;
  }

  .dis-pb-lg-16 {
    padding-bottom: 1rem !important;
  }

  .dis-pb-lg-18 {
    padding-bottom: 1.125rem !important;
  }

  .dis-pb-lg-20 {
    padding-bottom: 1.25rem !important;
  }

  .dis-pl-lg-0 {
    padding-left: 0 !important;
  }

  .dis-pl-lg-2 {
    padding-left: 0.125rem !important;
  }

  .dis-pl-lg-4 {
    padding-left: 0.25rem !important;
  }

  .dis-pl-lg-8 {
    padding-left: 0.5rem !important;
  }

  .dis-pl-lg-10 {
    padding-left: 0.625rem !important;
  }

  .dis-pl-lg-12 {
    padding-left: 0.75rem !important;
  }

  .dis-pl-lg-16 {
    padding-left: 1rem !important;
  }

  .dis-pl-lg-18 {
    padding-left: 1.125rem !important;
  }

  .dis-pl-lg-20 {
    padding-left: 1.25rem !important;
  }

  .dis-m-lg-0 {
    margin: 0 !important;
  }

  .dis-m-lg-2 {
    margin: 0.125rem !important;
  }

  .dis-m-lg-4 {
    margin: 0.25rem !important;
  }

  .dis-m-lg-8 {
    margin: 0.5rem !important;
  }

  .dis-m-lg-10 {
    margin: 0.625rem !important;
  }

  .dis-m-lg-12 {
    margin: 0.75rem !important;
  }

  .dis-m-lg-16 {
    margin: 1rem !important;
  }

  .dis-m-lg-18 {
    margin: 1.125rem !important;
  }

  .dis-m-lg-20 {
    margin: 1.25rem !important;
  }

  .dis-mt-lg-0 {
    margin-top: 0 !important;
  }

  .dis-mt-lg-2 {
    margin-top: 0.125rem !important;
  }

  .dis-mt-lg-4 {
    margin-top: 0.25rem !important;
  }

  .dis-mt-lg-8 {
    margin-top: 0.5rem !important;
  }

  .dis-mt-lg-10 {
    margin-top: 0.625rem !important;
  }

  .dis-mt-lg-12 {
    margin-top: 0.75rem !important;
  }

  .dis-mt-lg-16 {
    margin-top: 1rem !important;
  }

  .dis-mt-lg-18 {
    margin-top: 1.125rem !important;
  }

  .dis-mt-lg-20 {
    margin-top: 1.25rem !important;
  }

  .dis-mr-lg-0 {
    margin-right: 0 !important;
  }

  .dis-mr-lg-2 {
    margin-right: 0.125rem !important;
  }

  .dis-mr-lg-4 {
    margin-right: 0.25rem !important;
  }

  .dis-mr-lg-8 {
    margin-right: 0.5rem !important;
  }

  .dis-mr-lg-10 {
    margin-right: 0.625rem !important;
  }

  .dis-mr-lg-12 {
    margin-right: 0.75rem !important;
  }

  .dis-mr-lg-16 {
    margin-right: 1rem !important;
  }

  .dis-mr-lg-18 {
    margin-right: 1.125rem !important;
  }

  .dis-mr-lg-20 {
    margin-right: 1.25rem !important;
  }

  .dis-mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .dis-mb-lg-2 {
    margin-bottom: 0.125rem !important;
  }

  .dis-mb-lg-4 {
    margin-bottom: 0.25rem !important;
  }

  .dis-mb-lg-8 {
    margin-bottom: 0.5rem !important;
  }

  .dis-mb-lg-10 {
    margin-bottom: 0.625rem !important;
  }

  .dis-mb-lg-12 {
    margin-bottom: 0.75rem !important;
  }

  .dis-mb-lg-16 {
    margin-bottom: 1rem !important;
  }

  .dis-mb-lg-18 {
    margin-bottom: 1.125rem !important;
  }

  .dis-mb-lg-20 {
    margin-bottom: 1.25rem !important;
  }

  .dis-ml-lg-0 {
    margin-left: 0 !important;
  }

  .dis-ml-lg-2 {
    margin-left: 0.125rem !important;
  }

  .dis-ml-lg-4 {
    margin-left: 0.25rem !important;
  }

  .dis-ml-lg-8 {
    margin-left: 0.5rem !important;
  }

  .dis-ml-lg-10 {
    margin-left: 0.625rem !important;
  }

  .dis-ml-lg-12 {
    margin-left: 0.75rem !important;
  }

  .dis-ml-lg-16 {
    margin-left: 1rem !important;
  }

  .dis-ml-lg-18 {
    margin-left: 1.125rem !important;
  }

  .dis-ml-lg-20 {
    margin-left: 1.25rem !important;
  }

  .dis-column-gap-lg-0 {
    column-gap: 0 !important;
  }

  .dis-column-gap-lg-2 {
    column-gap: 0.125rem !important;
  }

  .dis-column-gap-lg-4 {
    column-gap: 0.25rem !important;
  }

  .dis-column-gap-lg-8 {
    column-gap: 0.5rem !important;
  }

  .dis-column-gap-lg-10 {
    column-gap: 0.625rem !important;
  }

  .dis-column-gap-lg-12 {
    column-gap: 0.75rem !important;
  }

  .dis-column-gap-lg-16 {
    column-gap: 1rem !important;
  }

  .dis-column-gap-lg-18 {
    column-gap: 1.125rem !important;
  }

  .dis-column-gap-lg-20 {
    column-gap: 1.25rem !important;
  }

  .dis-row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .dis-row-gap-lg-2 {
    row-gap: 0.125rem !important;
  }

  .dis-row-gap-lg-4 {
    row-gap: 0.25rem !important;
  }

  .dis-row-gap-lg-8 {
    row-gap: 0.5rem !important;
  }

  .dis-row-gap-lg-10 {
    row-gap: 0.625rem !important;
  }

  .dis-row-gap-lg-12 {
    row-gap: 0.75rem !important;
  }

  .dis-row-gap-lg-16 {
    row-gap: 1rem !important;
  }

  .dis-row-gap-lg-18 {
    row-gap: 1.125rem !important;
  }

  .dis-row-gap-lg-20 {
    row-gap: 1.25rem !important;
  }
}

.bg-primary {
  background-color: var(--bg-secondary);
}

.bg-secondary {
  background-color: var(--bg-primary);
}

.font-hover-primary {
  transition: color 0.4s;
}

.font-hover-primary:hover {
  color: var(--primary-dark);
}

.row {
  --row-gutter: 24px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--row-gutter) * -1 / 2);
  row-gap: var(--row-gutter);
}

.row [class*='row-col'] {
  flex: 1 0;
  margin: 0 calc(var(--row-gutter) / 2);
  min-width: 0;
}

.row .row-col-1 {
  flex: 0 0 calc(8.33333% - var(--row-gutter));
  max-width: calc(8.33333% - var(--row-gutter));
}

.row .row-col-2 {
  flex: 0 0 calc(16.66667% - var(--row-gutter));
  max-width: calc(16.66667% - var(--row-gutter));
}

.row .row-col-3 {
  flex: 0 0 calc(25% - var(--row-gutter));
  max-width: calc(25% - var(--row-gutter));
}

.row .row-col-4 {
  flex: 0 0 calc(33.33333% - var(--row-gutter));
  max-width: calc(33.33333% - var(--row-gutter));
}

.row .row-col-5 {
  flex: 0 0 calc(41.66667% - var(--row-gutter));
  max-width: calc(41.66667% - var(--row-gutter));
}

.row .row-col-6 {
  flex: 0 0 calc(50% - var(--row-gutter));
  max-width: calc(50% - var(--row-gutter));
}

.row .row-col-7 {
  flex: 0 0 calc(58.33333% - var(--row-gutter));
  max-width: calc(58.33333% - var(--row-gutter));
}

.row .row-col-8 {
  flex: 0 0 calc(66.66667% - var(--row-gutter));
  max-width: calc(66.66667% - var(--row-gutter));
}

.row .row-col-9 {
  flex: 0 0 calc(75% - var(--row-gutter));
  max-width: calc(75% - var(--row-gutter));
}

.row .row-col-10 {
  flex: 0 0 calc(83.33333% - var(--row-gutter));
  max-width: calc(83.33333% - var(--row-gutter));
}

.row .row-col-11 {
  flex: 0 0 calc(91.66667% - var(--row-gutter));
  max-width: calc(91.66667% - var(--row-gutter));
}

.row .row-col-12 {
  flex: 0 0 calc(100% - var(--row-gutter));
  max-width: calc(100% - var(--row-gutter));
}

@media only screen and (min-width: 576px) {
  .row .row-col-xs-1 {
    flex: 0 0 calc(8.33333% - var(--row-gutter));
    max-width: calc(8.33333% - var(--row-gutter));
  }

  .row .row-col-xs-2 {
    flex: 0 0 calc(16.66667% - var(--row-gutter));
    max-width: calc(16.66667% - var(--row-gutter));
  }

  .row .row-col-xs-3 {
    flex: 0 0 calc(25% - var(--row-gutter));
    max-width: calc(25% - var(--row-gutter));
  }

  .row .row-col-xs-4 {
    flex: 0 0 calc(33.33333% - var(--row-gutter));
    max-width: calc(33.33333% - var(--row-gutter));
  }

  .row .row-col-xs-5 {
    flex: 0 0 calc(41.66667% - var(--row-gutter));
    max-width: calc(41.66667% - var(--row-gutter));
  }

  .row .row-col-xs-6 {
    flex: 0 0 calc(50% - var(--row-gutter));
    max-width: calc(50% - var(--row-gutter));
  }

  .row .row-col-xs-7 {
    flex: 0 0 calc(58.33333% - var(--row-gutter));
    max-width: calc(58.33333% - var(--row-gutter));
  }

  .row .row-col-xs-8 {
    flex: 0 0 calc(66.66667% - var(--row-gutter));
    max-width: calc(66.66667% - var(--row-gutter));
  }

  .row .row-col-xs-9 {
    flex: 0 0 calc(75% - var(--row-gutter));
    max-width: calc(75% - var(--row-gutter));
  }

  .row .row-col-xs-10 {
    flex: 0 0 calc(83.33333% - var(--row-gutter));
    max-width: calc(83.33333% - var(--row-gutter));
  }

  .row .row-col-xs-11 {
    flex: 0 0 calc(91.66667% - var(--row-gutter));
    max-width: calc(91.66667% - var(--row-gutter));
  }

  .row .row-col-xs-12 {
    flex: 0 0 calc(100% - var(--row-gutter));
    max-width: calc(100% - var(--row-gutter));
  }
}

@media only screen and (min-width: 768px) {
  .row .row-col-sm-1 {
    flex: 0 0 calc(8.33333% - var(--row-gutter));
    max-width: calc(8.33333% - var(--row-gutter));
  }

  .row .row-col-sm-2 {
    flex: 0 0 calc(16.66667% - var(--row-gutter));
    max-width: calc(16.66667% - var(--row-gutter));
  }

  .row .row-col-sm-3 {
    flex: 0 0 calc(25% - var(--row-gutter));
    max-width: calc(25% - var(--row-gutter));
  }

  .row .row-col-sm-4 {
    flex: 0 0 calc(33.33333% - var(--row-gutter));
    max-width: calc(33.33333% - var(--row-gutter));
  }

  .row .row-col-sm-5 {
    flex: 0 0 calc(41.66667% - var(--row-gutter));
    max-width: calc(41.66667% - var(--row-gutter));
  }

  .row .row-col-sm-6 {
    flex: 0 0 calc(50% - var(--row-gutter));
    max-width: calc(50% - var(--row-gutter));
  }

  .row .row-col-sm-7 {
    flex: 0 0 calc(58.33333% - var(--row-gutter));
    max-width: calc(58.33333% - var(--row-gutter));
  }

  .row .row-col-sm-8 {
    flex: 0 0 calc(66.66667% - var(--row-gutter));
    max-width: calc(66.66667% - var(--row-gutter));
  }

  .row .row-col-sm-9 {
    flex: 0 0 calc(75% - var(--row-gutter));
    max-width: calc(75% - var(--row-gutter));
  }

  .row .row-col-sm-10 {
    flex: 0 0 calc(83.33333% - var(--row-gutter));
    max-width: calc(83.33333% - var(--row-gutter));
  }

  .row .row-col-sm-11 {
    flex: 0 0 calc(91.66667% - var(--row-gutter));
    max-width: calc(91.66667% - var(--row-gutter));
  }

  .row .row-col-sm-12 {
    flex: 0 0 calc(100% - var(--row-gutter));
    max-width: calc(100% - var(--row-gutter));
  }
}

@media only screen and (min-width: 992px) {
  .row .row-col-md-1 {
    flex: 0 0 calc(8.33333% - var(--row-gutter));
    max-width: calc(8.33333% - var(--row-gutter));
  }

  .row .row-col-md-2 {
    flex: 0 0 calc(16.66667% - var(--row-gutter));
    max-width: calc(16.66667% - var(--row-gutter));
  }

  .row .row-col-md-3 {
    flex: 0 0 calc(25% - var(--row-gutter));
    max-width: calc(25% - var(--row-gutter));
  }

  .row .row-col-md-4 {
    flex: 0 0 calc(33.33333% - var(--row-gutter));
    max-width: calc(33.33333% - var(--row-gutter));
  }

  .row .row-col-md-5 {
    flex: 0 0 calc(41.66667% - var(--row-gutter));
    max-width: calc(41.66667% - var(--row-gutter));
  }

  .row .row-col-md-6 {
    flex: 0 0 calc(50% - var(--row-gutter));
    max-width: calc(50% - var(--row-gutter));
  }

  .row .row-col-md-7 {
    flex: 0 0 calc(58.33333% - var(--row-gutter));
    max-width: calc(58.33333% - var(--row-gutter));
  }

  .row .row-col-md-8 {
    flex: 0 0 calc(66.66667% - var(--row-gutter));
    max-width: calc(66.66667% - var(--row-gutter));
  }

  .row .row-col-md-9 {
    flex: 0 0 calc(75% - var(--row-gutter));
    max-width: calc(75% - var(--row-gutter));
  }

  .row .row-col-md-10 {
    flex: 0 0 calc(83.33333% - var(--row-gutter));
    max-width: calc(83.33333% - var(--row-gutter));
  }

  .row .row-col-md-11 {
    flex: 0 0 calc(91.66667% - var(--row-gutter));
    max-width: calc(91.66667% - var(--row-gutter));
  }

  .row .row-col-md-12 {
    flex: 0 0 calc(100% - var(--row-gutter));
    max-width: calc(100% - var(--row-gutter));
  }
}

@media only screen and (min-width: 1249px) {
  .row .row-col-lg-1 {
    flex: 0 0 calc(8.33333% - var(--row-gutter));
    max-width: calc(8.33333% - var(--row-gutter));
  }

  .row .row-col-lg-2 {
    flex: 0 0 calc(16.66667% - var(--row-gutter));
    max-width: calc(16.66667% - var(--row-gutter));
  }

  .row .row-col-lg-3 {
    flex: 0 0 calc(25% - var(--row-gutter));
    max-width: calc(25% - var(--row-gutter));
  }

  .row .row-col-lg-4 {
    flex: 0 0 calc(33.33333% - var(--row-gutter));
    max-width: calc(33.33333% - var(--row-gutter));
  }

  .row .row-col-lg-5 {
    flex: 0 0 calc(41.66667% - var(--row-gutter));
    max-width: calc(41.66667% - var(--row-gutter));
  }

  .row .row-col-lg-6 {
    flex: 0 0 calc(50% - var(--row-gutter));
    max-width: calc(50% - var(--row-gutter));
  }

  .row .row-col-lg-7 {
    flex: 0 0 calc(58.33333% - var(--row-gutter));
    max-width: calc(58.33333% - var(--row-gutter));
  }

  .row .row-col-lg-8 {
    flex: 0 0 calc(66.66667% - var(--row-gutter));
    max-width: calc(66.66667% - var(--row-gutter));
  }

  .row .row-col-lg-9 {
    flex: 0 0 calc(75% - var(--row-gutter));
    max-width: calc(75% - var(--row-gutter));
  }

  .row .row-col-lg-10 {
    flex: 0 0 calc(83.33333% - var(--row-gutter));
    max-width: calc(83.33333% - var(--row-gutter));
  }

  .row .row-col-lg-11 {
    flex: 0 0 calc(91.66667% - var(--row-gutter));
    max-width: calc(91.66667% - var(--row-gutter));
  }

  .row .row-col-lg-12 {
    flex: 0 0 calc(100% - var(--row-gutter));
    max-width: calc(100% - var(--row-gutter));
  }
}

.row.row-gutter-8 {
  --row-gutter: 8px;
}

.row.row-gutter-16 {
  --row-gutter: 16px;
}

.row.row-gutter-20 {
  --row-gutter: 20px;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.right-2 {
  right: 2;
}

.z-10 {
  z-index: 10;
}

.plt-custom-radio-group {
  --_plt-radio-gap-horizontal: var(--plt-space-600);
  --_plt-radio-gap-vertical: var(--plt-space-400);
  --_plt-radio-label-padding-left: var(--plt-space-800);
  --_plt-radio-border-width: var(--plt-border-width-100);
  --_plt-radio-border-color: var(--plt-background-primary);
  --_plt-radio-border-radius: var(--plt-border-radius-full);
  --_plt-radio-outer-circle-size: var(--plt-size-600);
  --_plt-radio-outer-inner-size: var(--plt-font-size-300);
  --_plt-radio-hover-border-color: var(--plt-background-selected);
  --_plt-radio-checked-border-color: var(--plt-background-selected);
  --_plt-radio-dot-color: var(--plt-background-selected);
  --_plt-radio-border-width-outlined: var(--plt-border-width-500);
  --_plt-radio-text-disabled: var(--plt-background-disabled);
  --_plt-radio-text-font-size: var(--plt-font-size-200);
  --_plt-radio-text-font-weight: var(--plt-font-weight-regular);
  --_plt-radio-text-color: var(--plt-text-primary);
  display: flex;
  gap: var(--_plt-radio-gap-horizontal);
  padding: var(--plt-space-300) var(--plt-space-600);
}

.plt-custom-radio-group-vertical {
  flex-direction: column;
  gap: var(--_plt-radio-gap-vertical);
}

.plt-custom-radio-group .plt-radio-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.plt-custom-radio-group .plt-radio-wrapper .plt-radio[type='radio'].disabled,
.plt-custom-radio-group .plt-radio-wrapper .plt-radio[type='radio']:disabled,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'][aria-disabled='true'] {
  pointer-events: none;
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'].disabled:not(:checked)
  + .plt-radio-label:after,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:disabled:not(:checked)
  + .plt-radio-label:after,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'][aria-disabled='true']:not(:checked)
  + .plt-radio-label:after {
  opacity: 1;
  transform: scale(1);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'].disabled
  + .plt-radio-label,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:disabled
  + .plt-radio-label,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'][aria-disabled='true']
  + .plt-radio-label {
  color: var(--_plt-radio-text-disabled);
  transition: all 0.4s;
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'].disabled
  + .plt-radio-label:before,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:disabled
  + .plt-radio-label:before,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'][aria-disabled='true']
  + .plt-radio-label:before {
  --_plt-radio-border-color: var(--plt-background-disabled);
  --_plt-radio-hover-border-color: var(--plt-background-disabled);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'].disabled
  + .plt-radio-label:after,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:disabled
  + .plt-radio-label:after,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio'][aria-disabled='true']
  + .plt-radio-label:after {
  --_plt-radio-dot-color: var(--plt-background-disabled);
}

.plt-custom-radio-group .plt-radio-wrapper .plt-radio[type='radio']:checked,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked) {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label {
  color: var(--_plt-radio-text-color);
  cursor: pointer;
  display: inline-block;
  font-size: var(--_plt-radio-text-font-size);
  font-weight: var(--_plt-radio-text-font-weight);
  padding-left: var(--_plt-radio-label-padding-left);
  position: relative;
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label:hover:before,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label:hover:before {
  --_plt-radio-border-color: var(--_plt-radio-hover-border-color);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label:before,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label:before {
  border: var(--_plt-radio-border-width) solid var(--_plt-radio-border-color);
  border-radius: var(--_plt-radio-border-radius);
  content: '';
  height: var(--_plt-radio-outer-circle-size);
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
  transition-property: border;
  width: var(--_plt-radio-outer-circle-size);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label:before {
  border: var(--_plt-radio-border-width) solid
    var(--_plt-radio-checked-border-color);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label:after,
.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label:after {
  background-color: var(--_plt-radio-dot-color);
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: var(--_plt-radio-outer-inner-size);
  left: 4px;
  position: absolute;
  top: 4px;
  transition: all var(--_plt-radio-transition-duration) ease;
  width: var(--_plt-radio-outer-inner-size);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:not(:checked)
  + .plt-radio-label:after {
  opacity: 0;
  transform: scale(0);
}

.plt-custom-radio-group
  .plt-radio-wrapper
  .plt-radio[type='radio']:checked
  + .plt-radio-label:after {
  opacity: 1;
  transform: scale(1);
}

.plt-custom-radio-group .plt-radio-label-outlined {
  color: var(--_plt-radio-text-color);
  cursor: pointer;
  display: inline-block;
  font-size: var(--_plt-radio-text-font-size);
  font-weight: var(--_plt-radio-text-font-weight);
  padding-left: var(--_plt-radio-label-padding-left);
  position: relative;
}

.plt-custom-radio-group .plt-radio-label-outlined:before {
  border: var(--_plt-radio-border-width) solid var(--_plt-radio-border-color);
  border-radius: var(--_plt-radio-border-radius);
  content: '';
  height: var(--_plt-radio-outer-circle-size);
  left: 2px;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
  transition-property: border;
  width: var(--_plt-radio-outer-circle-size);
}

.plt-custom-radio-group .plt-radio-label-outlined:hover:before {
  --_plt-radio-border-color: var(--_plt-radio-hover-border-color);
}

.plt-custom-radio-group .plt-radio-label-outlined:checked:before {
  border: var(--_plt-radio-border-width-outlined) solid
    var(--_plt-radio-checked-border-color);
}

.plt-custom-radio-group .plt-radio-label-outlined:after {
  background-color: var(--_plt-radio-dot-color);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: var(--_plt-radio-outer-inner-size);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all var(--_plt-radio-transition-duration) ease;
  width: var(--_plt-radio-outer-inner-size);
}

.plt-custom-radio-group .plt-radio-label-outlined:not(:checked):after {
  opacity: 0;
  transform: scale(0);
}

.plt-custom-radio-group .plt-radio-label-outlined:checked:after {
  opacity: 1;
  transform: scale(1);
}

.plt-custom-radio-group .plt-radio-outlined[type='radio'] {
  display: none;
}

.plt-custom-radio-group
  .plt-radio-outlined[type='radio']:checked
  + .plt-radio-label-outlined:before {
  border: var(--_plt-radio-border-width-outlined) solid
    var(--_plt-radio-checked-border-color);
}

.plt-custom-radio-group .plt-radio-outlined[type='radio'].disabled,
.plt-custom-radio-group .plt-radio-outlined[type='radio']:disabled,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio'][aria-disabled='true'] {
  pointer-events: none;
}

.plt-custom-radio-group
  .plt-radio-outlined[type='radio'].disabled:not(:checked)
  + .plt-radio-label-outlined:after,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio']:disabled:not(:checked)
  + .plt-radio-label-outlined:after,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio'][aria-disabled='true']:not(:checked)
  + .plt-radio-label-outlined:after {
  opacity: 0;
  transform: scale(1);
}

.plt-custom-radio-group
  .plt-radio-outlined[type='radio'].disabled
  + .plt-radio-label-outlined,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio']:disabled
  + .plt-radio-label-outlined,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio'][aria-disabled='true']
  + .plt-radio-label-outlined {
  color: var(--_plt-radio-text-disabled);
}

.plt-custom-radio-group
  .plt-radio-outlined[type='radio'].disabled
  + .plt-radio-label-outlined:before,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio']:disabled
  + .plt-radio-label-outlined:before,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio'][aria-disabled='true']
  + .plt-radio-label-outlined:before {
  --_plt-radio-hover-border-color: var(--plt-background-disabled);
  border: var(--_plt-radio-border-width-outlined) solid
    var(--plt-background-disabled);
}

.plt-custom-radio-group
  .plt-radio-outlined[type='radio'].disabled
  + .plt-radio-label-outlined:after,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio']:disabled
  + .plt-radio-label-outlined:after,
.plt-custom-radio-group
  .plt-radio-outlined[type='radio'][aria-disabled='true']
  + .plt-radio-label-outlined:after {
  --_plt-radio-border-color: var(--plt-background-disabled);
}

.plt-custom-radio-group-xs {
  --_plt-radio-outer-circle-size: var(--plt-size-400);
  --_plt-radio-outer-inner-size: var(--plt-size-200);
}

.plt-custom-radio-group-md {
  --_plt-radio-outer-circle-size: var(--plt-size-500);
  --_plt-radio-outer-inner-size: var(--plt-size-300);
}

.plt-toggler {
  align-items: center;
  display: flex;
  pointer-events: none;
}

.plt-toggler .plt-toggler-elem {
  display: flex;
  height: 16px;
  min-width: var(--dss-sizing-800);
  pointer-events: all;
  position: relative;
  transition: all 0.4s;
}

.plt-toggler .plt-toggler-slider {
  background-color: var(--dss-background-default);
  background-color: var(--dss-background-tertiary);
  border-radius: var(--dss-border-radius-full);
  cursor: pointer;
  inset: 0;
  position: absolute;
  transition: all 0.4s;
}

.plt-toggler .plt-toggler-slider:before {
  aspect-ratio: 1;
  background-color: var(--dss-background-surface);
  border-radius: 50%;
  box-shadow: var(--dss-shadow-300);
  content: '';
  left: 3px;
  position: absolute;
  top: calc(50% - 6px);
  transition: all 0.4s;
  width: var(--dss-sizing-300);
}

.plt-toggler .plt-toggler-toggler-input {
  display: none;
  transition: all 0.4s;
}

.plt-toggler .plt-toggler-toggler-input:checked + .plt-toggler-slider {
  background-color: var(--dss-background-selected);
}

.plt-toggler .plt-toggler-toggler-input:checked + .plt-toggler-slider:before {
  transform: translateX(16px);
}

.plt-toggler-large .plt-toggler-elem {
  height: 20px;
  min-width: var(--dss-sizing-1000);
}

.plt-toggler-large .plt-toggler-slider:before {
  top: calc(50% - 8px);
  width: var(--dss-sizing-400);
}

.plt-card-container {
  --card-column-count: 4;
  --card-column-gap: var(--plt-space-600);
  grid-gap: var(--card-column-gap);
  display: grid;
  gap: var(--card-column-gap);
  grid-template-columns: repeat(var(--card-column-count), 1fr);
}

@media only screen and (max-width: 1024px) {
  .plt-card-container {
    --card-column-count: 3;
  }
}

@media only screen and (max-width: 767px) {
  .plt-card-container {
    --card-column-count: 2;
  }
}

@media only screen and (max-width: 575px) {
  .plt-card-container {
    --card-column-count: 1;
  }
}

.cm-theme .cm-editor {
  height: 100%;
  max-height: 150px;
  min-height: 75px;
}

.cm-theme .cm-gutters,
.cm-theme .ͼ16 {
  background: var(--dss-color-neutrals-200);
}

:root {
  --plt-logo-size: 122px;
}

.input-field-custom {
  align-items: center;
  background: var(--plt-background-surface);
  border: var(--plt-border-width-100) solid var(--plt-border-input);
  border-radius: var(--plt-border-radius-100);
  color: var(--plt-text-primary) !important;
  display: flex;
  height: 44px;
  margin-top: var(--plt-space-100);
  outline: none;
  padding: var(--plt-space-200) var(--plt-space-300);
  transition: all 0.35s;
  width: 100%;
}

.input-field-custom,
.input-field-custom::placeholder {
  font-size: var(--plt-font-size-300);
  font-weight: var(--plt-font-weight-regular);
  line-height: var(--plt-line-height-120);
}

.input-field-custom::placeholder {
  color: var(--plt-text-placeholder);
}

.input-field-custom:focus,
.input-field-custom:hover {
  border: var(--plt-border-width-100) solid var(--plt-border-tertiary);
}

.input-field-custom:focus-visible {
  border: var(--plt-border-width-100) solid var(--plt-border-tertiary);
}

.input-field-custom-multi {
  height: auto;
  max-width: 445px;
}

.input-field-custom-multi.focused {
  border-color: var(--plt-border-input-active);
}

.input-field-custom-multi.react-multi-email > span[data-placeholder] {
  color: var(--plt-text-placeholder);
  font-size: var(--plt-font-size-200);
  font-weight: var(--plt-font-weight-regular);
  left: var(--plt-space-300);
  line-height: var(--plt-line-height-120);
  padding: 0 0 0 1px;
  top: 14px;
}

.primary-button-custom {
  border-radius: var(--plt-space-200);
  width: 100%;
}

.menu {
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  position: relative;
}

.menu .dropdown-menu {
  background: var(--plt-background-surface);
  border: 1px solid var(--plt-border-secondary);
  border-radius: var(--plt-border-radius-150);
  padding: var(--plt-space-300);
  position: absolute;
  right: 0;
  top: 29px;
  width: fit-content;
  z-index: 1;
}

.menu .dropdown-menu ul {
  list-style: none;
}

.menu .dropdown-menu ul li {
  border-radius: var(--plt-border-radius-150);
  cursor: pointer;
  display: flex;
  gap: var(--plt-space-200);
  min-width: 177px;
  padding: 10px;
  transition: all 0.35s;
}

.menu .dropdown-menu ul li:hover {
  background-color: var(--plt-background-secondary);
}

.menu .dropdown-menu ul li + li {
  margin-top: var(--plt-space-100);
}

.plt-icon-wrapper {
  column-gap: var(--plt-space-200);
  margin-left: auto;
  width: fit-content;
}

.plt-icon-wrapper span {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.plt-token-contents {
  --dss-content-dox-gap-x: 15px;
  --dss-content-dox-width: calc(160px + var(--dss-content-dox-gap-x));
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  max-width: var(--dss-content-dox-width);
  min-width: var(--dss-content-dox-width);
  position: sticky;
  top: 20px;
}

.plt-modal-link {
  color: var(--plt-text-button-link-primary);
  text-decoration: underline;
  transition: all 0.35s;
}

.plt-modal-link-icon {
  align-items: center;
  display: flex;
  max-height: var(--plt-space-500);
  max-width: var(--plt-space-500);
  min-height: var(--plt-space-500);
  min-width: var(--plt-space-500);
}

.plt-modal-link:hover {
  color: var(--plt-text-button-link-link-hover);
}

.plt-modal-link-negative {
  color: var(--plt-text-negative);
}

.plt-modal-link-negative:hover {
  color: var(--plt-semantics-negative-700);
}

.plt-modal-link-negative:hover path {
  stroke: var(--plt-semantics-negative-700);
}

.plt-iconbtn {
  --plt-iconbtn-size: var(--plt-size-800);
  --plt-iconbtn-bg-color: var(--plt-background-tertiary);
  align-items: center;
  background: var(--plt-iconbtn-bg-color);
  border: 1px solid #0000;
  border-radius: var(--plt-border-radius-150);
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-height: var(--plt-iconbtn-size);
  max-width: var(--plt-iconbtn-size);
  min-height: var(--plt-iconbtn-size);
  min-width: var(--plt-iconbtn-size);
  padding: 0;
  transition: all 0.35s;
}

.plt-iconbtn-sm {
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
}

.plt-iconbtn.plt-background-surface {
  background: var(--plt-background-surface);
}

.plt-iconbtn svg * {
  stroke: var(--plt-text-primary);
  transition: all 0.35s;
}

.plt-iconbtn:hover {
  background: var(--plt-background-tertiary-hover);
}

.plt-iconbtn .plt-btn-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.flexbox-fix > div > div:last-child {
  height: fit-content;
  margin-left: 5px;
  margin-top: 0 !important;
}

.flexbox-fix > div > div:nth-child(4) {
  margin-top: 0;
}

.flexbox-fix > .flexbox-fix > div > div:nth-child(2) {
  width: fit-content !important;
}

.pointer-none {
  pointer-events: none;
}

.dss-error-container {
  align-items: center;
  display: flex;
  gap: var(--dss-spacing-100);
  opacity: 0;
  transform: translateY(-6px);
  transition: all 0.4s;
  visibility: hidden;
  z-index: -1;
}

.dss-error-container.active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.dss-error-container .dss-error-message {
  color: var(--dss-text-negative);
  font-size: var(--dss-font-size-200);
  letter-spacing: var(--dss-font-letter-spacing-normal);
  line-height: var(--_input-validation-line-height);
}

.error-img {
  max-width: 246px;
}

.user-image {
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
}

.user-image,
.user-image-sm {
  border-radius: 50%;
  overflow: hidden;
}

.user-image-sm {
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
}

.letter-avatar {
  background-color: var(--plt-background-inverse) !important;
  border-color: var(--plt-background-inverse) !important;
  color: var(--plt-text-on-bg-fill) !important;
  transition: all 0.35s;
}